diff --git a/analysis_options.yaml b/analysis_options.yaml
index 7c5e498..5e9b851 100644
--- a/analysis_options.yaml
+++ b/analysis_options.yaml
@@ -126,7 +126,6 @@ linter:
     # - one_member_abstracts # too many false positives
     # - only_throw_errors # https://github.com/flutter/flutter/issues/5792
     - overridden_fields
-    - package_api_docs
     # - package_names # non conforming packages in sdk
     - package_prefixed_library_names
     # - parameter_assignments # we do this commonly
diff --git a/example/android/app/build.gradle b/example/android/app/build.gradle
index 706ad40..d21736b 100644
--- a/example/android/app/build.gradle
+++ b/example/android/app/build.gradle
@@ -1,3 +1,10 @@
+plugins {
+    id "com.android.application"
+    id "kotlin-android"
+    id "dev.flutter.flutter-gradle-plugin"
+}
+
+
 def localProperties = new Properties()
 def localPropertiesFile = rootProject.file('local.properties')
 if (localPropertiesFile.exists()) {
@@ -8,7 +15,6 @@ if (localPropertiesFile.exists()) {
 
 def flutterRoot = localProperties.getProperty('flutter.sdk')
 if (flutterRoot == null) {
-    throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
 }
 
 def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
@@ -21,35 +27,31 @@ if (flutterVersionName == null) {
     flutterVersionName = '1.0'
 }
 
-apply plugin: 'com.android.application'
-apply plugin: 'kotlin-android'
-apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
-
 android {
-    compileSdkVersion 30
+    namespace = "com.liugl.stack_board_example"
+    compileSdk = 35
+    ndkVersion = "27.1.12297006"
 
     compileOptions {
-        sourceCompatibility JavaVersion.VERSION_1_8
-        targetCompatibility JavaVersion.VERSION_1_8
+        sourceCompatibility = JavaVersion.VERSION_21
+        targetCompatibility = JavaVersion.VERSION_21
     }
-
+    
     kotlinOptions {
-        jvmTarget = '1.8'
-    }
-
-    sourceSets {
-        main.java.srcDirs += 'src/main/kotlin'
+        jvmTarget = "21"
     }
 
     defaultConfig {
-        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
-        applicationId "com.liugl.stack_board_example"
-        minSdkVersion flutter.minSdkVersion
-        targetSdkVersion 30
-        versionCode flutterVersionCode.toInteger()
-        versionName flutterVersionName
+        applicationId = "com.liugl.stack_board_example"
+        minSdk = 24
+        targetSdk = 35
+        versionCode = flutter.versionCode
+        versionName = flutter.versionName
+        ndk {
+            abiFilters 'armeabi-v7a', 'arm64-v8a'
+        }
     }
-
+    
     buildTypes {
         release {
             // TODO: Add your own signing config for the release build.
@@ -64,5 +66,8 @@ flutter {
 }
 
 dependencies {
-    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
-}
+    implementation "androidx.core:core-splashscreen:1.0.1"
+    implementation 'androidx.core:core-ktx:1.13.1'
+    coreLibraryDesugaring 'com.android.tools:desugar_jdk_libs:2.0.4'
+    implementation "androidx.work:work-runtime-ktx:2.9.1"
+}
\ No newline at end of file
diff --git a/example/android/app/src/main/AndroidManifest.xml b/example/android/app/src/main/AndroidManifest.xml
index 568e0d8..f60818c 100644
--- a/example/android/app/src/main/AndroidManifest.xml
+++ b/example/android/app/src/main/AndroidManifest.xml
@@ -9,7 +9,8 @@
             android:theme="@style/LaunchTheme"
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
             android:hardwareAccelerated="true"
-            android:windowSoftInputMode="adjustResize">
+            android:windowSoftInputMode="adjustResize"
+            android:exported="true" >
             <!-- Specifies an Android theme to apply to this Activity as soon as
                  the Android process has started. This theme is visible to the user
                  while the Flutter UI initializes. After that, this theme continues
diff --git a/example/android/build.gradle b/example/android/build.gradle
index e7ac0d9..a325dff 100644
--- a/example/android/build.gradle
+++ b/example/android/build.gradle
@@ -1,16 +1,15 @@
 buildscript {
-    ext.kotlin_version = '1.3.50'
+    ext.kotlin_version = '2.0.21'
     repositories {
         google()
         mavenCentral()
     }
 
     dependencies {
-        classpath 'com.android.tools.build:gradle:4.1.0'
+        classpath 'com.android.tools.build:gradle:8.7.0'
         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
     }
 }
-
 allprojects {
     repositories {
         google()
@@ -18,10 +17,12 @@ allprojects {
     }
 }
 
-rootProject.buildDir = '../build'
+rootProject.buildDir = "../build"
 subprojects {
     project.buildDir = "${rootProject.buildDir}/${project.name}"
-    project.evaluationDependsOn(':app')
+}
+subprojects {
+    project.evaluationDependsOn(":app")
 }
 
 tasks.register("clean", Delete) {
diff --git a/example/android/gradle.properties b/example/android/gradle.properties
index 94adc3a..b46a720 100644
--- a/example/android/gradle.properties
+++ b/example/android/gradle.properties
@@ -1,3 +1,5 @@
-org.gradle.jvmargs=-Xmx1536M
+org.gradle.jvmargs=-Xmx2G -XX:MaxMetaspaceSize=512M -XX:+HeapDumpOnOutOfMemoryError
+org.gradle.daemon=true
+org.gradle.caching=true
 android.useAndroidX=true
 android.enableJetifier=true
diff --git a/example/android/gradle/wrapper/gradle-wrapper.properties b/example/android/gradle/wrapper/gradle-wrapper.properties
index cfe88f6..db18181 100644
--- a/example/android/gradle/wrapper/gradle-wrapper.properties
+++ b/example/android/gradle/wrapper/gradle-wrapper.properties
@@ -3,4 +3,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.6.1-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.10.2-all.zip
diff --git a/example/android/settings.gradle b/example/android/settings.gradle
index 44e62bc..5ae1247 100644
--- a/example/android/settings.gradle
+++ b/example/android/settings.gradle
@@ -1,11 +1,25 @@
-include ':app'
+pluginManagement {
+    def flutterSdkPath = {
+        def properties = new Properties()
+        file("local.properties").withInputStream { properties.load(it) }
+        def flutterSdkPath = properties.getProperty("flutter.sdk")
+        assert flutterSdkPath != null, "flutter.sdk not set in local.properties"
+        return flutterSdkPath
+    }()
 
-def localPropertiesFile = new File(rootProject.projectDir, "local.properties")
-def properties = new Properties()
+    includeBuild("$flutterSdkPath/packages/flutter_tools/gradle")
 
-assert localPropertiesFile.exists()
-localPropertiesFile.withReader("UTF-8") { reader -> properties.load(reader) }
+    repositories {
+        google()
+        mavenCentral()
+        gradlePluginPortal()
+    }
+}
 
-def flutterSdkPath = properties.getProperty("flutter.sdk")
-assert flutterSdkPath != null, "flutter.sdk not set in local.properties"
-apply from: "$flutterSdkPath/packages/flutter_tools/gradle/app_plugin_loader.gradle"
+plugins {
+    id "dev.flutter.flutter-plugin-loader" version "1.0.0"
+    id "com.android.application" version "8.7.0" apply false
+    id "org.jetbrains.kotlin.android" version "2.0.21" apply false
+}
+
+include ":app"
diff --git a/example/lib/main.dart b/example/lib/main.dart
index fc92b65..e06de0b 100644
--- a/example/lib/main.dart
+++ b/example/lib/main.dart
@@ -16,7 +16,7 @@ class ColorContent extends StackItemContent {
   @override
   Map<String, dynamic> toJson() {
     return <String, dynamic>{
-      'color': color.value,
+      'color': color.toARGB32(),
     };
   }
 }
@@ -29,6 +29,8 @@ class ColorStackItem extends StackItem<ColorContent> {
     double? angle,
     StackItemStatus? status,
     ColorContent? content,
+    bool? allowChildReciveGuestured,
+    bool? tightContent,
   }) : super(
           id: id,
           size: size,
@@ -37,6 +39,8 @@ class ColorStackItem extends StackItem<ColorContent> {
           status: status,
           content: content,
           lockZOrder: true,
+          allowChildReciveGestures: allowChildReciveGuestured,
+          tightContent: tightContent,
         );
 
   @override
@@ -47,6 +51,8 @@ class ColorStackItem extends StackItem<ColorContent> {
     StackItemStatus? status,
     bool? lockZOrder,
     ColorContent? content,
+    bool? allowChildReciveGestures,
+    bool? tightContent,
   }) {
     return ColorStackItem(
       id: id, // <= must !!
@@ -55,6 +61,9 @@ class ColorStackItem extends StackItem<ColorContent> {
       angle: angle ?? this.angle,
       status: status ?? this.status,
       content: content ?? this.content,
+      allowChildReciveGuestured:
+          allowChildReciveGestures ?? this.allowChildReciveGestures,
+      tightContent: tightContent ?? this.tightContent,
     );
   }
 }
@@ -160,7 +169,8 @@ class _HomePageState extends State<HomePage> {
 
   /// Add draw item
   void _addDrawItem() {
-    _boardController.addItem(StackDrawItem(size: const Size.square(300)));
+    _boardController.addItem(
+        StackDrawItem(size: const Size.square(300), isHardLocked: false));
   }
 
   /// Add custom item
@@ -274,9 +284,11 @@ class _HomePageState extends State<HomePage> {
         customBuilder: (StackItem<StackItemContent> item) {
           if (item is StackTextItem) {
             return StackTextCase(item: item);
-          } else if (item is StackDrawItem) {
-            return StackDrawCase(item: item);
-          } else if (item is StackImageItem) {
+          }
+          // else if (item is StackDrawItem) {
+          //   return StackDrawCase(item: item);
+          // }
+          else if (item is StackImageItem) {
             return StackImageCase(item: item);
           } else if (item is ColorStackItem) {
             return Container(
diff --git a/example/pubspec.lock b/example/pubspec.lock
index 858046d..de1fdbb 100644
--- a/example/pubspec.lock
+++ b/example/pubspec.lock
@@ -5,42 +5,42 @@ packages:
     dependency: transitive
     description:
       name: async
-      sha256: "947bfcf187f74dbc5e146c9eb9c0f10c9f8b30743e341481c1e2ed3ecc18c20c"
+      sha256: "758e6d74e971c3e5aceb4110bfd6698efc7f501675bcfe0c775459a8140750eb"
       url: "https://pub.dev"
     source: hosted
-    version: "2.11.0"
+    version: "2.13.0"
   boolean_selector:
     dependency: transitive
     description:
       name: boolean_selector
-      sha256: "6cfb5af12253eaf2b368f07bacc5a80d1301a071c73360d746b7f2e32d762c66"
+      sha256: "8aab1771e1243a5063b8b0ff68042d67334e3feab9e95b9490f9a6ebf73b42ea"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   characters:
     dependency: transitive
     description:
       name: characters
-      sha256: "04a925763edad70e8443c99234dc3328f442e811f1d8fd1a72f1c8ad0f69a605"
+      sha256: f71061c654a3380576a52b451dd5532377954cf9dbd272a78fc8479606670803
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.0"
+    version: "1.4.0"
   clock:
     dependency: transitive
     description:
       name: clock
-      sha256: cb6d7f03e1de671e34607e909a7213e31d7752be4fb66a86d29fe1eb14bfb5cf
+      sha256: fddb70d9b5277016c77a80201021d40a2247104d9f4aa7bab7157b7e3f05b84b
       url: "https://pub.dev"
     source: hosted
-    version: "1.1.1"
+    version: "1.1.2"
   collection:
     dependency: transitive
     description:
       name: collection
-      sha256: ee67cb0715911d28db6bf4af1026078bd6f0128b07a5f66fb2ed94ec6783c09a
+      sha256: "2f5709ae4d3d59dd8f7cd309b4e023046b57d8a6c82130785d2b0e5868084e76"
       url: "https://pub.dev"
     source: hosted
-    version: "1.18.0"
+    version: "1.19.1"
   cupertino_icons:
     dependency: "direct main"
     description:
@@ -53,10 +53,10 @@ packages:
     dependency: transitive
     description:
       name: fake_async
-      sha256: "511392330127add0b769b75a987850d136345d9227c6b94c96a04cf4a391bf78"
+      sha256: "5368f224a74523e8d2e7399ea1638b37aecfca824a3cc4dfdf77bf1fa905ac44"
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.1"
+    version: "1.3.3"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -66,10 +66,10 @@ packages:
     dependency: transitive
     description:
       name: flutter_drawing_board
-      sha256: "82700847d7f367c9af1eaf186c88f74a6be821dbe783871e4736bf724f015192"
+      sha256: "0fc6b73ac6a54f23d0357ff3f3a804156315f43212a417406062462fe2e3ca7b"
       url: "https://pub.dev"
     source: hosted
-    version: "0.7.0+2"
+    version: "1.0.1+2"
   flutter_lints:
     dependency: "direct dev"
     description:
@@ -87,26 +87,26 @@ packages:
     dependency: transitive
     description:
       name: leak_tracker
-      sha256: "78eb209deea09858f5269f5a5b02be4049535f568c07b275096836f01ea323fa"
+      sha256: "33e2e26bdd85a0112ec15400c8cbffea70d0f9c3407491f672a2fad47915e2de"
       url: "https://pub.dev"
     source: hosted
-    version: "10.0.0"
+    version: "11.0.2"
   leak_tracker_flutter_testing:
     dependency: transitive
     description:
       name: leak_tracker_flutter_testing
-      sha256: b46c5e37c19120a8a01918cfaf293547f47269f7cb4b0058f21531c2465d6ef0
+      sha256: "1dbc140bb5a23c75ea9c4811222756104fbcd1a27173f0c34ca01e16bea473c1"
       url: "https://pub.dev"
     source: hosted
-    version: "2.0.1"
+    version: "3.0.10"
   leak_tracker_testing:
     dependency: transitive
     description:
       name: leak_tracker_testing
-      sha256: a597f72a664dbd293f3bfc51f9ba69816f84dcd403cdac7066cb3f6003f3ab47
+      sha256: "8d5a2d49f4a66b49744b23b018848400d23e54caf9463f4eb20df3eb8acb2eb1"
       url: "https://pub.dev"
     source: hosted
-    version: "2.0.1"
+    version: "3.0.2"
   lints:
     dependency: transitive
     description:
@@ -119,110 +119,110 @@ packages:
     dependency: transitive
     description:
       name: matcher
-      sha256: d2323aa2060500f906aa31a895b4030b6da3ebdcc5619d14ce1aada65cd161cb
+      sha256: dc58c723c3c24bf8d3e2d3ad3f2f9d7bd9cf43ec6feaa64181775e60190153f2
       url: "https://pub.dev"
     source: hosted
-    version: "0.12.16+1"
+    version: "0.12.17"
   material_color_utilities:
     dependency: transitive
     description:
       name: material_color_utilities
-      sha256: "0e0a020085b65b6083975e499759762399b4475f766c21668c4ecca34ea74e5a"
+      sha256: f7142bb1154231d7ea5f96bc7bde4bda2a0945d2806bb11670e30b850d56bdec
       url: "https://pub.dev"
     source: hosted
-    version: "0.8.0"
+    version: "0.11.1"
   meta:
     dependency: transitive
     description:
       name: meta
-      sha256: d584fa6707a52763a52446f02cc621b077888fb63b93bbcb1143a7be5a0c0c04
+      sha256: "23f08335362185a5ea2ad3a4e597f1375e78bce8a040df5c600c8d3552ef2394"
       url: "https://pub.dev"
     source: hosted
-    version: "1.11.0"
+    version: "1.17.0"
   path:
     dependency: transitive
     description:
       name: path
-      sha256: "087ce49c3f0dc39180befefc60fdb4acd8f8620e5682fe2476afd0b3688bb4af"
+      sha256: "75cca69d1490965be98c73ceaea117e8a04dd21217b37b292c9ddbec0d955bc5"
       url: "https://pub.dev"
     source: hosted
-    version: "1.9.0"
+    version: "1.9.1"
   sky_engine:
     dependency: transitive
     description: flutter
     source: sdk
-    version: "0.0.99"
+    version: "0.0.0"
   source_span:
     dependency: transitive
     description:
       name: source_span
-      sha256: "53e943d4206a5e30df338fd4c6e7a077e02254531b138a15aec3bd143c1a8b3c"
+      sha256: "56a02f1f4cd1a2d96303c0144c93bd6d909eea6bee6bf5a0e0b685edbd4c47ab"
       url: "https://pub.dev"
     source: hosted
-    version: "1.10.0"
+    version: "1.10.2"
   stack_board:
     dependency: "direct main"
     description:
       path: ".."
       relative: true
     source: path
-    version: "0.2.5"
+    version: "0.2.6+1"
   stack_trace:
     dependency: transitive
     description:
       name: stack_trace
-      sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b"
+      sha256: "8b27215b45d22309b5cddda1aa2b19bdfec9df0e765f2de506401c071d38d1b1"
       url: "https://pub.dev"
     source: hosted
-    version: "1.11.1"
+    version: "1.12.1"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
-      sha256: ba2aa5d8cc609d96bbb2899c28934f9e1af5cddbd60a827822ea467161eb54e7
+      sha256: "969e04c80b8bcdf826f8f16579c7b14d780458bd97f56d107d3950fdbeef059d"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.4"
   string_scanner:
     dependency: transitive
     description:
       name: string_scanner
-      sha256: "556692adab6cfa87322a115640c11f13cb77b3f076ddcc5d6ae3c20242bedcde"
+      sha256: "921cd31725b72fe181906c6a94d987c78e3b98c2e205b397ea399d4054872b43"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.0"
+    version: "1.4.1"
   term_glyph:
     dependency: transitive
     description:
       name: term_glyph
-      sha256: a29248a84fbb7c79282b40b8c72a1209db169a2e0542bce341da992fe1bc7e84
+      sha256: "7f554798625ea768a7518313e58f83891c7f5024f88e46e7182a4558850a4b8e"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.1"
+    version: "1.2.2"
   test_api:
     dependency: transitive
     description:
       name: test_api
-      sha256: "5c2f730018264d276c20e4f1503fd1308dfbbae39ec8ee63c5236311ac06954b"
+      sha256: ab2726c1a94d3176a45960b6234466ec367179b87dd74f1611adb1f3b5fb9d55
       url: "https://pub.dev"
     source: hosted
-    version: "0.6.1"
+    version: "0.7.7"
   vector_math:
     dependency: transitive
     description:
       name: vector_math
-      sha256: "80b3257d1492ce4d091729e3a67a60407d227c27241d6927be0130c98e741803"
+      sha256: d530bd74fea330e6e364cda7a85019c434070188383e1cd8d9777ee586914c5b
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.4"
+    version: "2.2.0"
   vm_service:
     dependency: transitive
     description:
       name: vm_service
-      sha256: b3d56ff4341b8f182b96aceb2fa20e3dcb336b9f867bc0eafc0de10f1048e957
+      sha256: "45caa6c5917fa127b5dbcfbd1fa60b14e583afdc08bfc96dda38886ca252eb60"
       url: "https://pub.dev"
     source: hosted
-    version: "13.0.0"
+    version: "15.0.2"
 sdks:
-  dart: ">=3.2.0-0 <4.0.0"
-  flutter: ">=3.0.0"
+  dart: ">=3.8.0-0 <4.0.0"
+  flutter: ">=3.18.0-18.0.pre.54"
diff --git a/example/pubspec.yaml b/example/pubspec.yaml
index 285c7a3..165d2c1 100644
--- a/example/pubspec.yaml
+++ b/example/pubspec.yaml
@@ -1,84 +1,23 @@
 name: stack_board_example
 description: Demonstrates how to use the stack_board plugin.
 
-# The following line prevents the package from being accidentally published to
-# pub.dev using `flutter pub publish`. This is preferred for private packages.
-publish_to: 'none' # Remove this line if you wish to publish to pub.dev
+publish_to: 'none'
 
 environment:
   sdk: ">=2.12.0 <3.0.0"
 
-# Dependencies specify other packages that your package needs in order to work.
-# To automatically upgrade your package dependencies to the latest versions
-# consider running `flutter pub upgrade --major-versions`. Alternatively,
-# dependencies can be manually updated by changing the version numbers below to
-# the latest version available on pub.dev. To see which dependencies have newer
-# versions available, run `flutter pub outdated`.
 dependencies:
   flutter:
     sdk: flutter
 
   stack_board:
-    # When depending on this package from a real application you should use:
-    #   stack_board: ^x.y.z
-    # See https://dart.dev/tools/pub/dependencies#version-constraints
-    # The example app is bundled with the plugin so we use a path dependency on
-    # the parent directory to use the current plugin's version.
     path: ../
-
-  # The following adds the Cupertino Icons font to your application.
-  # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.2
 
 dev_dependencies:
   flutter_test:
     sdk: flutter
-
-  # The "flutter_lints" package below contains a set of recommended lints to
-  # encourage good coding practices. The lint set provided by the package is
-  # activated in the `analysis_options.yaml` file located at the root of your
-  # package. See that file for information about deactivating specific lint
-  # rules and activating additional ones.
   flutter_lints: ^1.0.0
 
-# For information on the generic Dart part of this file, see the
-# following page: https://dart.dev/tools/pub/pubspec
-
-# The following section is specific to Flutter.
 flutter:
-
-  # The following line ensures that the Material Icons font is
-  # included with your application, so that you can use the icons in
-  # the material Icons class.
   uses-material-design: true
-
-  # To add assets to your application, add an assets section, like this:
-  # assets:
-  #   - images/a_dot_burr.jpeg
-  #   - images/a_dot_ham.jpeg
-
-  # An image asset can refer to one or more resolution-specific "variants", see
-  # https://flutter.dev/assets-and-images/#resolution-aware.
-
-  # For details regarding adding assets from package dependencies, see
-  # https://flutter.dev/assets-and-images/#from-packages
-
-  # To add custom fonts to your application, add a fonts section here,
-  # in this "flutter" section. Each entry in this list should have a
-  # "family" key with the font family name, and a "fonts" key with a
-  # list giving the asset and other descriptors for the font. For
-  # example:
-  # fonts:
-  #   - family: Schyler
-  #     fonts:
-  #       - asset: fonts/Schyler-Regular.ttf
-  #       - asset: fonts/Schyler-Italic.ttf
-  #         style: italic
-  #   - family: Trajan Pro
-  #     fonts:
-  #       - asset: fonts/TrajanPro.ttf
-  #       - asset: fonts/TrajanPro_Bold.ttf
-  #         weight: 700
-  #
-  # For details regarding fonts from package dependencies,
-  # see https://flutter.dev/custom-fonts/#from-packages
diff --git a/lib/src/core/stack_board_controller.dart b/lib/src/core/stack_board_controller.dart
index 7e8b47f..6689ceb 100644
--- a/lib/src/core/stack_board_controller.dart
+++ b/lib/src/core/stack_board_controller.dart
@@ -6,6 +6,7 @@ import 'package:stack_board/src/core/stack_board_item/stack_item_content.dart';
 import 'package:stack_board/src/core/stack_board_item/stack_item_status.dart';
 import 'package:stack_board/src/helpers/ex_list.dart';
 import 'package:stack_board/src/helpers/safe_value_notifier.dart';
+import 'package:stack_board/stack_items.dart';
 
 class StackConfig {
   StackConfig({
@@ -179,7 +180,9 @@ class StackBoardController extends SafeValueNotifier<StackConfig> {
       final StackItem<StackItemContent> item = data[i];
       final bool selectedOne = item.id == id;
       // Update the status only if the item is not locked
-      if (item.status != StackItemStatus.locked || selectedOne) {
+      ///Updated as of 23/2/2026
+      final bool isHardLocked = item is StackDrawItem && item.isHardLocked;
+      if (item.status != StackItemStatus.locked || !isHardLocked) {
         data[i] = item.copyWith(
             status:
                 selectedOne ? StackItemStatus.selected : StackItemStatus.idle);
diff --git a/lib/src/core/stack_board_item/stack_item.dart b/lib/src/core/stack_board_item/stack_item.dart
index 5018f6c..a18cd9a 100644
--- a/lib/src/core/stack_board_item/stack_item.dart
+++ b/lib/src/core/stack_board_item/stack_item.dart
@@ -30,12 +30,16 @@ abstract class StackItem<T extends StackItemContent> {
     double? angle = 0,
     StackItemStatus? status = StackItemStatus.selected,
     bool? lockZOrder = false,
+    bool? allowChildReciveGestures,
+    bool? tightContent,
     this.content,
   })  : id = id ?? _genId(),
         offset = offset ?? Offset.zero,
         angle = angle ?? 0,
         lockZOrder = lockZOrder ?? false,
-        status = status ?? StackItemStatus.selected;
+        status = status ?? StackItemStatus.selected,
+        allowChildReciveGestures = allowChildReciveGestures ?? false,
+        tightContent = tightContent ?? false;
 
   const StackItem.empty({
     required this.size,
@@ -44,6 +48,8 @@ abstract class StackItem<T extends StackItemContent> {
     required this.status,
     required this.content,
     required this.lockZOrder,
+    this.allowChildReciveGestures = false,
+    this.tightContent = false,
   }) : id = '';
 
   /// id
@@ -63,6 +69,12 @@ abstract class StackItem<T extends StackItemContent> {
 
   final bool lockZOrder;
 
+  ///allow to recive gestures while [status] is [StackItemStatus.locked]
+  final bool allowChildReciveGestures;
+
+  ///allows to tighten the box that content is displayed
+  final bool tightContent;
+
   /// Content
   final T? content;
 
@@ -74,6 +86,8 @@ abstract class StackItem<T extends StackItemContent> {
     StackItemStatus? status,
     bool? lockZOrder,
     T? content,
+    bool? allowChildReciveGestures,
+    bool? tightContent,
   });
 
   /// to json
@@ -86,6 +100,8 @@ abstract class StackItem<T extends StackItemContent> {
       'offset': offset.toJson(),
       'status': status.index,
       'lockZOrder': lockZOrder,
+      'allowChildReciveGestures': allowChildReciveGestures,
+      'tightContent': tightContent,
       if (content != null) 'content': content?.toJson(),
     };
   }
diff --git a/lib/src/stack_board.dart b/lib/src/stack_board.dart
index 7f98acd..6b43219 100644
--- a/lib/src/stack_board.dart
+++ b/lib/src/stack_board.dart
@@ -157,6 +157,7 @@ class StackBoard extends StatelessWidget {
           onStatusChanged?.call(item, operatState) ?? true,
       actionsBuilder: actionsBuilder,
       borderBuilder: borderBuilder,
+      
     );
   }
 }
diff --git a/lib/src/stack_board_items/item_case/stack_draw_case.dart b/lib/src/stack_board_items/item_case/stack_draw_case.dart
index 4f1c383..f7acbe9 100644
--- a/lib/src/stack_board_items/item_case/stack_draw_case.dart
+++ b/lib/src/stack_board_items/item_case/stack_draw_case.dart
@@ -1,630 +1,631 @@
-import 'package:flutter/cupertino.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter_drawing_board/flutter_drawing_board.dart';
-import 'package:flutter_drawing_board/helpers.dart';
-import 'package:flutter_drawing_board/paint_contents.dart';
-import 'package:stack_board/src/core/stack_board_item/stack_item_status.dart';
-import 'package:stack_board/stack_items.dart';
-
-const double _defSize = 300;
-
-/// * 绘制对象
-/// * Draw object
-class StackDrawCase extends StatefulWidget {
-  const StackDrawCase({
-    Key? key,
-    required this.item,
-    this.background,
-    this.onPaint,
-    this.onPointerDown,
-    this.onPointerMove,
-  }) : super(key: key);
-
-  /// * StackDrawItem
-  final StackDrawItem item;
-
-  /// * 背景
-  /// * background
-  final Widget? background;
-
-  /// * 抬起时的回调当前的所以内容
-  /// * Callback to the current content when lifted
-  final Function(List<PaintContent> contents)? onPaint;
-
-  /// * 开始拖动
-  /// * Start dragging
-  final Function(PointerDownEvent pde)? onPointerDown;
-
-  /// * 正在拖动
-  /// * Dragging
-  final Function(PointerMoveEvent pme)? onPointerMove;
-
-  @override
-  State<StackDrawCase> createState() => _StackDrawCaseState();
-}
-
-class _StackDrawCaseState extends State<StackDrawCase> {
-  final DrawingController _controller = DrawingController();
-
-  @override
-  void initState() {
-    super.initState();
-    if (widget.item.content?.paintContents.isNotEmpty ?? false) {
-      _controller.addContents(widget.item.content!.paintContents);
-    }
-  }
-
-  @override
-  void dispose() {
-    _controller.dispose();
-    super.dispose();
-  }
-
-  bool get _isEditing => widget.item.status == StackItemStatus.editing;
-
-  double get _size => widget.item.content?.size ?? _defSize;
-
-  @override
-  Widget build(BuildContext context) {
-    return FittedBox(
-      child: Container(
-        width: _size,
-        height: _size,
-        child: Stack(
-          alignment: Alignment.center,
-          children: <Widget>[
-            DrawingBoard(
-              onPointerDown: widget.onPointerDown,
-              onPointerMove: widget.onPointerMove,
-              onPointerUp: (_) {
-                widget.item.setContents(_controller.getHistory);
-                widget.onPaint?.call(_controller.getHistory);
-              },
-              controller: _controller,
-              boardPanEnabled: false,
-              boardScaleEnabled: false,
-              background: widget.background ??
-                  Container(width: _size, height: _size, color: Colors.white),
-            ),
-            _tools(),
-            _actions(),
-            if (!_isEditing) _mask(),
-          ],
-        ),
-      ),
-    );
-  }
-
-  /// * 遮罩
-  /// * Mask
-  Widget _mask() {
-    return Positioned.fill(
-      child: Container(color: Colors.transparent),
-    );
-  }
-
-  /// * 工具栏
-  /// * Tool bar
-  Widget _tools() {
-    return _configBuilder(
-      shouldRebuild: (DrawConfig p, DrawConfig n) =>
-          p.fingerCount != n.fingerCount || p.contentType != n.contentType,
-      builder: (DrawConfig dc, Widget? child) {
-        final bool isPen = _isEditing && dc.fingerCount == 1;
-
-        double _left = 0;
-
-        if (_isEditing) {
-          if (isPen) _left = -30;
-        } else {
-          _left = -30;
-        }
-
-        return AnimatedPositioned(
-          left: _left,
-          top: 0,
-          duration: const Duration(milliseconds: 300),
-          curve: Curves.ease,
-          child: Container(
-            width: 30,
-            decoration: BoxDecoration(
-              color: Theme.of(context).canvasColor,
-              boxShadow: _left == 0
-                  ? const <BoxShadow>[
-                      BoxShadow(
-                        color: Colors.black12,
-                        blurRadius: 2,
-                        spreadRadius: 0,
-                      ),
-                    ]
-                  : null,
-            ),
-            child: Column(
-              children: DrawingBoard.defaultTools(dc.contentType, _controller)
-                  .map((DefToolItem item) => _DefToolItem(item: item))
-                  .toList(),
-            ),
-          ),
-        );
-      },
-    );
-  }
-
-  /// * 操作栏
-  /// * Operation bar
-  Widget _actions() {
-    return _configBuilder(
-      shouldRebuild: (DrawConfig p, DrawConfig n) =>
-          p.fingerCount != n.fingerCount,
-      builder: (DrawConfig dc, Widget? child) {
-        final bool isPen = dc.fingerCount == 1;
-
-        double _bottom = 0;
-
-        if (_isEditing) {
-          if (isPen) _bottom = -30;
-        } else {
-          _bottom = -30;
-        }
-
-        return AnimatedPositioned(
-          bottom: _bottom,
-          duration: const Duration(milliseconds: 300),
-          curve: Curves.ease,
-          child: Container(
-            height: 30,
-            decoration: BoxDecoration(
-              color: Theme.of(context).canvasColor,
-              boxShadow: _bottom == 0
-                  ? const <BoxShadow>[
-                      BoxShadow(
-                          color: Colors.black12,
-                          blurRadius: 2,
-                          spreadRadius: 1),
-                    ]
-                  : null,
-            ),
-            child: child,
-          ),
-        );
-      },
-      child: Row(
-        children: <Widget>[
-          SizedBox(
-            height: 14,
-            width: 85,
-            child: SliderTheme(
-              data: const SliderThemeData(
-                thumbShape: RoundSliderThumbShape(enabledThumbRadius: 6),
-                overlayShape: RoundSliderOverlayShape(overlayRadius: 14),
-                trackHeight: 2,
-              ),
-              child: _configBuilder(
-                shouldRebuild: (DrawConfig p, DrawConfig n) =>
-                    p.strokeWidth != n.strokeWidth,
-                builder: (DrawConfig dc, _) {
-                  return Slider(
-                    value: dc.strokeWidth,
-                    max: 40,
-                    min: 1,
-                    onChanged: (double v) =>
-                        _controller.setStyle(strokeWidth: v),
-                  );
-                },
-              ),
-            ),
-          ),
-          ColorPicBtn(
-            initColor: _controller.getColor,
-            onColorChanged: (Color color) => _controller.setStyle(color: color),
-          ),
-          _DefActionItem(
-            icon: CupertinoIcons.arrow_turn_up_left,
-            onTap: () => _controller.undo(),
-          ),
-          _DefActionItem(
-            icon: CupertinoIcons.arrow_turn_up_right,
-            onTap: () => _controller.redo(),
-          ),
-          _DefActionItem(
-            icon: CupertinoIcons.rotate_right,
-            onTap: () => _controller.turn(),
-          ),
-          _DefActionItem(
-            icon: CupertinoIcons.trash,
-            onTap: () => _controller.clear(),
-          ),
-        ],
-      ),
-    );
-  }
-
-  /// * 选项构建器
-  /// * Option builder
-  Widget _configBuilder({
-    bool Function(DrawConfig p, DrawConfig n)? shouldRebuild,
-    required Widget Function(DrawConfig dc, Widget? child) builder,
-    Widget? child,
-  }) {
-    return ExValueBuilder<DrawConfig>(
-      valueListenable: _controller.drawConfig,
-      shouldRebuild: shouldRebuild,
-      builder: (_, DrawConfig config, Widget? child) {
-        return builder(config, child);
-      },
-      child: child,
-    );
-  }
-}
-
-/// * 默认工具项
-/// * Default tool item
-class _DefToolItem extends StatelessWidget {
-  const _DefToolItem({
-    Key? key,
-    required this.item,
-  }) : super(key: key);
-
-  final DefToolItem item;
-
-  @override
-  Widget build(BuildContext context) {
-    return AspectRatio(
-      aspectRatio: 1,
-      child: TextButton(
-        onPressed: item.onTap,
-        style: TextButton.styleFrom(
-          foregroundColor: Colors.black,
-          padding: EdgeInsets.zero,
-        ),
-        child: Icon(
-          item.icon,
-          size: 14,
-          color: item.isActive ? item.activeColor : item.color,
-        ),
-      ),
-    );
-  }
-}
-
-/// * 默认操作项
-/// * Default operation item
-class _DefActionItem extends StatelessWidget {
-  const _DefActionItem({
-    Key? key,
-    required this.icon,
-    required this.onTap,
-  }) : super(key: key);
-
-  final IconData icon;
-  final Function() onTap;
-
-  @override
-  Widget build(BuildContext context) {
-    return AspectRatio(
-      aspectRatio: 1,
-      child: TextButton(
-        onPressed: onTap,
-        style: TextButton.styleFrom(
-          foregroundColor: Colors.black,
-          padding: EdgeInsets.zero,
-        ),
-        child: Icon(icon, size: 14, color: Colors.black),
-      ),
-    );
-  }
-}
-
-class ColorPicBtn extends StatefulWidget {
-  const ColorPicBtn({
-    Key? key,
-    required this.initColor,
-    required this.onColorChanged,
-  }) : super(key: key);
-
-  final Color initColor;
-  final void Function(Color color) onColorChanged;
-
-  @override
-  State<ColorPicBtn> createState() => _ColorPicBtnState();
-}
-
-class _ColorPicBtnState extends State<ColorPicBtn> {
-  late final SafeValueNotifier<_ColorPickerValue> _colorValue =
-      SafeValueNotifier<_ColorPickerValue>(
-          _ColorPickerValue.init(widget.initColor));
-
-  final LayerLink _layerLink = LayerLink();
-
-  _ColorPickerValue get _value => _colorValue.value;
-
-  @override
-  void dispose() {
-    _colorValue.dispose();
-    super.dispose();
-  }
-
-  Future<void> _onTap() async {
-    await showDialog(
-      context: context,
-      barrierColor: Colors.black.withOpacity(0.1),
-      builder: (_) => _buildColorPicker(),
-    );
-
-    widget.onColorChanged(_value.color);
-  }
-
-  Color _mixColors(Color grayColor, Color color, double xRatio, double yRatio) {
-    int red = (grayColor.red * (1 - xRatio) + color.red * xRatio).toInt();
-    int green = (grayColor.green * (1 - xRatio) + color.green * xRatio).toInt();
-    int blue = (grayColor.blue * (1 - xRatio) + color.blue * xRatio).toInt();
-
-    final Color middleColor = Color.fromARGB(255, red, green, blue);
-
-    red = (grayColor.red * yRatio + middleColor.red * (1 - yRatio)).toInt();
-    green =
-        (grayColor.green * yRatio + middleColor.green * (1 - yRatio)).toInt();
-    blue = (grayColor.blue * yRatio + middleColor.blue * (1 - yRatio)).toInt();
-
-    return Color.fromARGB(255, red, green, blue);
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return ExValueBuilder<_ColorPickerValue>(
-      valueListenable: _colorValue,
-      shouldRebuild: (_ColorPickerValue p, _ColorPickerValue n) =>
-          p.color != n.color,
-      builder: (_, _ColorPickerValue v, __) {
-        return CompositedTransformTarget(
-          link: _layerLink,
-          child: GestureDetector(
-            onTap: _onTap,
-            child: Container(
-              width: 16,
-              height: 16,
-              color: v.color,
-            ),
-          ),
-        );
-      },
-    );
-  }
-
-  Widget _buildColorPicker() {
-    return Center(
-      child: CompositedTransformFollower(
-        link: _layerLink,
-        targetAnchor: Alignment.topCenter,
-        followerAnchor: Alignment.bottomCenter,
-        offset: const Offset(0, -10),
-        child: Container(
-          width: 200,
-          color: Colors.white,
-          padding: const EdgeInsets.all(10),
-          child: Column(
-            mainAxisSize: MainAxisSize.min,
-            children: <Widget>[
-              AspectRatio(
-                aspectRatio: 1,
-                child: LayoutBuilder(
-                  builder: (_, BoxConstraints c) {
-                    return ExValueBuilder<_ColorPickerValue>(
-                      valueListenable: _colorValue,
-                      shouldRebuild:
-                          (_ColorPickerValue p, _ColorPickerValue n) =>
-                              p.offset != n.offset || p.color != n.color,
-                      builder: (BuildContext context, _ColorPickerValue v, __) {
-                        double left = v.offset.dx * (c.maxWidth - 30);
-                        if (left < 0) left = 0;
-                        if (left > c.maxWidth - 30) left = c.maxWidth - 30;
-
-                        double top = v.offset.dy * (c.maxHeight - 30);
-                        if (top < 0) top = 0;
-                        if (top > c.maxHeight - 30) top = c.maxHeight - 30;
-
-                        return Stack(
-                          children: <Widget>[
-                            GestureDetector(
-                              onPanUpdate: (DragUpdateDetails d) {
-                                double x = d.localPosition.dx / c.maxWidth;
-                                if (x < 0) x = 0;
-                                if (x > 1) x = 1;
-                                double y = d.localPosition.dy / c.maxHeight;
-                                if (y < 0) y = 0;
-                                if (y > 1) y = 1;
-
-                                final double grayValue = (1 - y) * 255;
-                                final Color grayColor = Color.fromARGB(
-                                  255,
-                                  grayValue.toInt(),
-                                  grayValue.toInt(),
-                                  grayValue.toInt(),
-                                );
-
-                                _colorValue.value = _value.copyWith(
-                                  offset: Offset(x, y),
-                                  color: _mixColors(
-                                      grayColor, _value.baseColor, x, y),
-                                  grayColor: grayColor,
-                                );
-                              },
-                              child: SizedBox.expand(
-                                  child: CustomPaint(
-                                      painter: _GrayscalePainter(v.baseColor))),
-                            ),
-                            Positioned(
-                              left: left,
-                              top: top,
-                              child: IgnorePointer(
-                                child: Container(
-                                  width: 30,
-                                  height: 30,
-                                  decoration: BoxDecoration(
-                                    color: v.color,
-                                    border: Border.all(
-                                      color: Colors.white,
-                                      width: 2,
-                                      strokeAlign: BorderSide.strokeAlignInside,
-                                    ),
-                                  ),
-                                ),
-                              ),
-                            ),
-                          ],
-                        );
-                      },
-                    );
-                  },
-                ),
-              ),
-              const SizedBox(height: 10),
-              LayoutBuilder(builder: (_, BoxConstraints c) {
-                return GestureDetector(
-                  onHorizontalDragUpdate: (DragUpdateDetails d) {
-                    // 滑动时更新颜色
-                    double _hue = (d.localPosition.dx / c.maxWidth) * 360;
-
-                    if (_hue < 0) _hue = 0;
-                    if (_hue > 360) _hue = 360;
-
-                    double left = d.localPosition.dx - 15;
-
-                    if (left < 0) left = 0;
-                    if (left > c.maxWidth - 30) left = c.maxWidth - 30;
-
-                    final Color baseColor =
-                        HSVColor.fromAHSV(1.0, _hue, 1.0, 1.0).toColor();
-
-                    _colorValue.value = _value.copyWith(
-                      baseColor: baseColor,
-                      color: _mixColors(_value.grayColor, baseColor,
-                          _value.offset.dx, _value.offset.dy),
-                      pickerLeft: left,
-                    );
-                  },
-                  child: Container(
-                    height: 30,
-                    alignment: Alignment.centerLeft,
-                    decoration: const BoxDecoration(
-                      gradient: LinearGradient(
-                        colors: <Color>[
-                          Colors.red,
-                          Colors.yellow,
-                          Colors.green,
-                          Colors.cyan,
-                          Colors.blue,
-                          Colors.purple,
-                          Colors.red,
-                        ],
-                      ),
-                    ),
-                    child: IgnorePointer(
-                      child: ExValueBuilder<_ColorPickerValue>(
-                        valueListenable: _colorValue,
-                        shouldRebuild:
-                            (_ColorPickerValue p, _ColorPickerValue n) =>
-                                p.pickerLeft != n.pickerLeft ||
-                                p.baseColor != n.baseColor,
-                        builder: (_, _ColorPickerValue v, __) {
-                          return Container(
-                            width: 30,
-                            height: 30,
-                            margin: EdgeInsets.only(left: v.pickerLeft),
-                            decoration: BoxDecoration(
-                              color: v.baseColor,
-                              border: Border.all(
-                                color: Colors.white,
-                                width: 2,
-                                strokeAlign: BorderSide.strokeAlignInside,
-                              ),
-                            ),
-                          );
-                        },
-                      ),
-                    ),
-                  ),
-                );
-              }),
-            ],
-          ),
-        ),
-      ),
-    );
-  }
-}
-
-class _ColorPickerValue {
-  const _ColorPickerValue({
-    required this.baseColor,
-    required this.color,
-    required this.offset,
-    required this.pickerLeft,
-    required this.grayColor,
-  });
-
-  factory _ColorPickerValue.init(Color color) {
-    return _ColorPickerValue(
-      baseColor: color,
-      color: color,
-      offset: const Offset(1, 0),
-      pickerLeft: 0.0,
-      grayColor: Colors.white,
-    );
-  }
-
-  final Color baseColor;
-  final Color color;
-  final Offset offset;
-  final double pickerLeft;
-  final Color grayColor;
-
-  _ColorPickerValue copyWith({
-    Color? baseColor,
-    Color? color,
-    Offset? offset,
-    double? pickerLeft,
-    Color? grayColor,
-    double? xRatio,
-    double? yRatio,
-  }) {
-    return _ColorPickerValue(
-      baseColor: baseColor ?? this.baseColor,
-      color: color ?? this.color,
-      offset: offset ?? this.offset,
-      pickerLeft: pickerLeft ?? this.pickerLeft,
-      grayColor: grayColor ?? this.grayColor,
-    );
-  }
-}
-
-class _GrayscalePainter extends CustomPainter {
-  const _GrayscalePainter(this.currentColor);
-
-  final Color currentColor;
-
-  @override
-  void paint(Canvas canvas, Size size) {
-    final Paint paint = Paint()
-      ..shader = LinearGradient(
-        colors: <Color>[Colors.black, Colors.black.withOpacity(0)],
-        begin: Alignment.bottomLeft,
-        end: Alignment.topLeft,
-      ).createShader(Rect.fromLTWH(0, 0, size.width, size.height));
-
-    final Paint overlayPaint = Paint()
-      ..shader = LinearGradient(
-        colors: <Color>[Colors.white, currentColor],
-        begin: Alignment.centerLeft,
-        end: Alignment.centerRight,
-      ).createShader(Rect.fromLTWH(0, 0, size.width, size.height));
-
-    canvas.drawRect(Rect.fromLTWH(0, 0, size.width, size.height), overlayPaint);
-    canvas.drawRect(Rect.fromLTWH(0, 0, size.width, size.height), paint);
-  }
-
-  @override
-  bool shouldRepaint(_GrayscalePainter oldDelegate) {
-    return oldDelegate.currentColor != currentColor;
-  }
-}
+// import 'package:flutter/cupertino.dart';
+// import 'package:flutter/material.dart';
+// import 'package:flutter_drawing_board/flutter_drawing_board.dart';
+// import 'package:flutter_drawing_board/helpers.dart';
+// import 'package:flutter_drawing_board/paint_contents.dart';
+// import 'package:stack_board/src/core/stack_board_item/stack_item_status.dart';
+// import 'package:stack_board/stack_items.dart';
+
+// const double _defSize = 300;
+
+// /// * 绘制对象
+// /// * Draw object
+// class StackDrawCase extends StatefulWidget {
+//   const StackDrawCase({
+//     Key? key,
+//     required this.item,
+//     this.background,
+//     this.onPaint,
+//     this.onPointerDown,
+//     this.onPointerMove,
+//   }) : super(key: key);
+
+//   /// * StackDrawItem
+//   final StackDrawItem item;
+
+//   /// * 背景
+//   /// * background
+//   final Widget? background;
+
+//   /// * 抬起时的回调当前的所以内容
+//   /// * Callback to the current content when lifted
+//   final Function(List<PaintContent> contents)? onPaint;
+
+//   /// * 开始拖动
+//   /// * Start dragging
+//   final Function(PointerDownEvent pde)? onPointerDown;
+
+//   /// * 正在拖动
+//   /// * Dragging
+//   final Function(PointerMoveEvent pme)? onPointerMove;
+
+//   @override
+//   State<StackDrawCase> createState() => _StackDrawCaseState();
+// }
+
+// class _StackDrawCaseState extends State<StackDrawCase> {
+//   final DrawingController _controller = DrawingController();
+
+//   @override
+//   void initState() {
+//     super.initState();
+//     if (widget.item.content?.paintContents.isNotEmpty ?? false) {
+//       _controller.addContents(widget.item.content!.paintContents);
+//     }
+//   }
+
+//   @override
+//   void dispose() {
+//     _controller.dispose();
+//     super.dispose();
+//   }
+
+//   bool get _isEditing => widget.item.status == StackItemStatus.editing;
+
+//   double get _size => widget.item.content?.size ?? _defSize;
+
+//   @override
+//   Widget build(BuildContext context) {
+//     return FittedBox(
+//       child: Container(
+//         width: _size,
+//         height: _size,
+//         child: Stack(
+//           alignment: Alignment.center,
+//           children: <Widget>[
+//             DrawingBoard(
+//               onPointerDown: widget.onPointerDown,
+//               onPointerMove: widget.onPointerMove,
+//               onPointerUp: (_) {
+//                 widget.item.setContents(_controller.getHistory);
+//                 widget.onPaint?.call(_controller.getHistory);
+//               },
+//               controller: _controller,
+//               boardPanEnabled: false,
+//               boardScaleEnabled: false,
+//               background: widget.background ??
+//                   Container(width: _size, height: _size, color: Colors.white),
+//             ),
+//             // _tools(),
+//             // _actions(),
+//             if (!_isEditing) _mask(),
+//           ],
+//         ),
+//       ),
+//     );
+//   }
+
+//   /// * 遮罩
+//   /// * Mask
+//   Widget _mask() {
+//     return Positioned.fill(
+//       child: Container(color: Colors.transparent),
+//     );
+//   }
+// }
+
+//   // /// * 工具栏
+//   // /// * Tool bar
+//   // Widget _tools() {
+//   //   return _configBuilder(
+//   //     shouldRebuild: (DrawConfig p, DrawConfig n) =>
+//   //         p.fingerCount != n.fingerCount || p.contentType != n.contentType,
+//   //     builder: (DrawConfig dc, Widget? child) {
+//   //       final bool isPen = _isEditing && dc.fingerCount == 1;
+
+//   //       double _left = 0;
+
+//   //       if (_isEditing) {
+//   //         if (isPen) _left = -30;
+//   //       } else {
+//   //         _left = -30;
+//   //       }
+
+//   //       return AnimatedPositioned(
+//   //         left: _left,
+//   //         top: 0,
+//   //         duration: const Duration(milliseconds: 300),
+//   //         curve: Curves.ease,
+//   //         child: Container(
+//   //           width: 30,
+//   //           decoration: BoxDecoration(
+//   //             color: Theme.of(context).canvasColor,
+//   //             boxShadow: _left == 0
+//   //                 ? const <BoxShadow>[
+//   //                     BoxShadow(
+//   //                       color: Colors.black12,
+//   //                       blurRadius: 2,
+//   //                       spreadRadius: 0,
+//   //                     ),
+//   //                   ]
+//   //                 : null,
+//   //           ),
+//   //           child: Column(
+//   //             children: DrawingBoard.buildDefaultActions( _controller)
+//   //                 .map((DefToolItem item) => _DefToolItem(item: item))
+//   //                 .toList(),
+//   //           ),
+//   //         ),
+//   //       );
+//   //     },
+//   //   );
+//   // }
+
+// //   /// * 操作栏
+// //   /// * Operation bar
+// //   Widget _actions() {
+// //     return _configBuilder(
+// //       shouldRebuild: (DrawConfig p, DrawConfig n) =>
+// //           p.fingerCount != n.fingerCount,
+// //       builder: (DrawConfig dc, Widget? child) {
+// //         final bool isPen = dc.fingerCount == 1;
+
+// //         double _bottom = 0;
+
+// //         if (_isEditing) {
+// //           if (isPen) _bottom = -30;
+// //         } else {
+// //           _bottom = -30;
+// //         }
+
+// //         return AnimatedPositioned(
+// //           bottom: _bottom,
+// //           duration: const Duration(milliseconds: 300),
+// //           curve: Curves.ease,
+// //           child: Container(
+// //             height: 30,
+// //             decoration: BoxDecoration(
+// //               color: Theme.of(context).canvasColor,
+// //               boxShadow: _bottom == 0
+// //                   ? const <BoxShadow>[
+// //                       BoxShadow(
+// //                           color: Colors.black12,
+// //                           blurRadius: 2,
+// //                           spreadRadius: 1),
+// //                     ]
+// //                   : null,
+// //             ),
+// //             child: child,
+// //           ),
+// //         );
+// //       },
+// //       child: Row(
+// //         children: <Widget>[
+// //           SizedBox(
+// //             height: 14,
+// //             width: 85,
+// //             child: SliderTheme(
+// //               data: const SliderThemeData(
+// //                 thumbShape: RoundSliderThumbShape(enabledThumbRadius: 6),
+// //                 overlayShape: RoundSliderOverlayShape(overlayRadius: 14),
+// //                 trackHeight: 2,
+// //               ),
+// //               child: _configBuilder(
+// //                 shouldRebuild: (DrawConfig p, DrawConfig n) =>
+// //                     p.strokeWidth != n.strokeWidth,
+// //                 builder: (DrawConfig dc, _) {
+// //                   return Slider(
+// //                     value: dc.strokeWidth,
+// //                     max: 40,
+// //                     min: 1,
+// //                     onChanged: (double v) =>
+// //                         _controller.setStyle(strokeWidth: v),
+// //                   );
+// //                 },
+// //               ),
+// //             ),
+// //           ),
+// //           ColorPicBtn(
+// //             initColor: _controller.getColor,
+// //             onColorChanged: (Color color) => _controller.setStyle(color: color),
+// //           ),
+// //           _DefActionItem(
+// //             icon: CupertinoIcons.arrow_turn_up_left,
+// //             onTap: () => _controller.undo(),
+// //           ),
+// //           _DefActionItem(
+// //             icon: CupertinoIcons.arrow_turn_up_right,
+// //             onTap: () => _controller.redo(),
+// //           ),
+// //           _DefActionItem(
+// //             icon: CupertinoIcons.rotate_right,
+// //             onTap: () => _controller.turn(),
+// //           ),
+// //           _DefActionItem(
+// //             icon: CupertinoIcons.trash,
+// //             onTap: () => _controller.clear(),
+// //           ),
+// //         ],
+// //       ),
+// //     );
+// //   }
+
+// //   /// * 选项构建器
+// //   /// * Option builder
+// //   Widget _configBuilder({
+// //     bool Function(DrawConfig p, DrawConfig n)? shouldRebuild,
+// //     required Widget Function(DrawConfig dc, Widget? child) builder,
+// //     Widget? child,
+// //   }) {
+// //     return ExValueBuilder<DrawConfig>(
+// //       valueListenable: _controller.drawConfig,
+// //       shouldRebuild: shouldRebuild,
+// //       builder: (_, DrawConfig config, Widget? child) {
+// //         return builder(config, child);
+// //       },
+// //       child: child,
+// //     );
+// //   }
+// // }
+
+// /// * 默认工具项
+// /// * Default tool item
+// // class _DefToolItem extends StatelessWidget {
+// //   const _DefToolItem({
+// //     Key? key,
+// //     required this.item,
+// //   }) : super(key: key);
+
+// //   final DefToolItem item;
+
+// //   @override
+// //   Widget build(BuildContext context) {
+// //     return AspectRatio(
+// //       aspectRatio: 1,
+// //       child: TextButton(
+// //         onPressed: item.onTap,
+// //         style: TextButton.styleFrom(
+// //           foregroundColor: Colors.black,
+// //           padding: EdgeInsets.zero,
+// //         ),
+// //         child: Icon(
+// //           item.icon,
+// //           size: 14,
+// //           color: item.isActive ? item.activeColor : item.color,
+// //         ),
+// //       ),
+// //     );
+// //   }
+// // }
+
+// /// * 默认操作项
+// /// * Default operation item
+// // class _DefActionItem extends StatelessWidget {
+// //   const _DefActionItem({
+// //     Key? key,
+// //     required this.icon,
+// //     required this.onTap,
+// //   }) : super(key: key);
+
+// //   final IconData icon;
+// //   final Function() onTap;
+
+// //   @override
+// //   Widget build(BuildContext context) {
+// //     return AspectRatio(
+// //       aspectRatio: 1,
+// //       child: TextButton(
+// //         onPressed: onTap,
+// //         style: TextButton.styleFrom(
+// //           foregroundColor: Colors.black,
+// //           padding: EdgeInsets.zero,
+// //         ),
+// //         child: Icon(icon, size: 14, color: Colors.black),
+// //       ),
+// //     );
+// //   }
+// // }
+
+// // class ColorPicBtn extends StatefulWidget {
+// //   const ColorPicBtn({
+// //     Key? key,
+// //     required this.initColor,
+// //     required this.onColorChanged,
+// //   }) : super(key: key);
+
+// //   final Color initColor;
+// //   final void Function(Color color) onColorChanged;
+
+// //   @override
+// //   State<ColorPicBtn> createState() => _ColorPicBtnState();
+// // }
+
+// // class _ColorPicBtnState extends State<ColorPicBtn> {
+// //   late final SafeValueNotifier<_ColorPickerValue> _colorValue =
+// //       SafeValueNotifier<_ColorPickerValue>(
+// //           _ColorPickerValue.init(widget.initColor));
+
+// //   final LayerLink _layerLink = LayerLink();
+
+// //   _ColorPickerValue get _value => _colorValue.value;
+
+// //   @override
+// //   void dispose() {
+// //     _colorValue.dispose();
+// //     super.dispose();
+// //   }
+
+// //   Future<void> _onTap() async {
+// //     await showDialog(
+// //       context: context,
+// //       barrierColor: Colors.black.withAlpha(25),
+// //       builder: (_) => _buildColorPicker(),
+// //     );
+
+// //     widget.onColorChanged(_value.color);
+// //   }
+
+// //   Color _mixColors(Color grayColor, Color color, double xRatio, double yRatio) {
+// //     int red = (grayColor.red * (1 - xRatio) + color.red * xRatio).toInt();
+// //     int green = (grayColor.green * (1 - xRatio) + color.green * xRatio).toInt();
+// //     int blue = (grayColor.blue * (1 - xRatio) + color.blue * xRatio).toInt();
+
+// //     final Color middleColor = Color.fromARGB(255, red, green, blue);
+
+// //     red = (grayColor.red * yRatio + middleColor.red * (1 - yRatio)).toInt();
+// //     green =
+// //         (grayColor.green * yRatio + middleColor.green * (1 - yRatio)).toInt();
+// //     blue = (grayColor.blue * yRatio + middleColor.blue * (1 - yRatio)).toInt();
+
+// //     return Color.fromARGB(255, red, green, blue);
+// //   }
+
+// //   @override
+// //   Widget build(BuildContext context) {
+// //     return ExValueBuilder<_ColorPickerValue>(
+// //       valueListenable: _colorValue,
+// //       shouldRebuild: (_ColorPickerValue p, _ColorPickerValue n) =>
+// //           p.color != n.color,
+// //       builder: (_, _ColorPickerValue v, __) {
+// //         return CompositedTransformTarget(
+// //           link: _layerLink,
+// //           child: GestureDetector(
+// //             onTap: _onTap,
+// //             child: Container(
+// //               width: 16,
+// //               height: 16,
+// //               color: v.color,
+// //             ),
+// //           ),
+// //         );
+// //       },
+// //     );
+// //   }
+
+// //   Widget _buildColorPicker() {
+// //     return Center(
+// //       child: CompositedTransformFollower(
+// //         link: _layerLink,
+// //         targetAnchor: Alignment.topCenter,
+// //         followerAnchor: Alignment.bottomCenter,
+// //         offset: const Offset(0, -10),
+// //         child: Container(
+// //           width: 200,
+// //           color: Colors.white,
+// //           padding: const EdgeInsets.all(10),
+// //           child: Column(
+// //             mainAxisSize: MainAxisSize.min,
+// //             children: <Widget>[
+// //               AspectRatio(
+// //                 aspectRatio: 1,
+// //                 child: LayoutBuilder(
+// //                   builder: (_, BoxConstraints c) {
+// //                     return ExValueBuilder<_ColorPickerValue>(
+// //                       valueListenable: _colorValue,
+// //                       shouldRebuild:
+// //                           (_ColorPickerValue p, _ColorPickerValue n) =>
+// //                               p.offset != n.offset || p.color != n.color,
+// //                       builder: (BuildContext context, _ColorPickerValue v, __) {
+// //                         double left = v.offset.dx * (c.maxWidth - 30);
+// //                         if (left < 0) left = 0;
+// //                         if (left > c.maxWidth - 30) left = c.maxWidth - 30;
+
+// //                         double top = v.offset.dy * (c.maxHeight - 30);
+// //                         if (top < 0) top = 0;
+// //                         if (top > c.maxHeight - 30) top = c.maxHeight - 30;
+
+// //                         return Stack(
+// //                           children: <Widget>[
+// //                             GestureDetector(
+// //                               onPanUpdate: (DragUpdateDetails d) {
+// //                                 double x = d.localPosition.dx / c.maxWidth;
+// //                                 if (x < 0) x = 0;
+// //                                 if (x > 1) x = 1;
+// //                                 double y = d.localPosition.dy / c.maxHeight;
+// //                                 if (y < 0) y = 0;
+// //                                 if (y > 1) y = 1;
+
+// //                                 final double grayValue = (1 - y) * 255;
+// //                                 final Color grayColor = Color.fromARGB(
+// //                                   255,
+// //                                   grayValue.toInt(),
+// //                                   grayValue.toInt(),
+// //                                   grayValue.toInt(),
+// //                                 );
+
+// //                                 _colorValue.value = _value.copyWith(
+// //                                   offset: Offset(x, y),
+// //                                   color: _mixColors(
+// //                                       grayColor, _value.baseColor, x, y),
+// //                                   grayColor: grayColor,
+// //                                 );
+// //                               },
+// //                               child: SizedBox.expand(
+// //                                   child: CustomPaint(
+// //                                       painter: _GrayscalePainter(v.baseColor))),
+// //                             ),
+// //                             Positioned(
+// //                               left: left,
+// //                               top: top,
+// //                               child: IgnorePointer(
+// //                                 child: Container(
+// //                                   width: 30,
+// //                                   height: 30,
+// //                                   decoration: BoxDecoration(
+// //                                     color: v.color,
+// //                                     border: Border.all(
+// //                                       color: Colors.white,
+// //                                       width: 2,
+// //                                       strokeAlign: BorderSide.strokeAlignInside,
+// //                                     ),
+// //                                   ),
+// //                                 ),
+// //                               ),
+// //                             ),
+// //                           ],
+// //                         );
+// //                       },
+// //                     );
+// //                   },
+// //                 ),
+// //               ),
+// //               const SizedBox(height: 10),
+// //               LayoutBuilder(builder: (_, BoxConstraints c) {
+// //                 return GestureDetector(
+// //                   onHorizontalDragUpdate: (DragUpdateDetails d) {
+// //                     // 滑动时更新颜色
+// //                     double _hue = (d.localPosition.dx / c.maxWidth) * 360;
+
+// //                     if (_hue < 0) _hue = 0;
+// //                     if (_hue > 360) _hue = 360;
+
+// //                     double left = d.localPosition.dx - 15;
+
+// //                     if (left < 0) left = 0;
+// //                     if (left > c.maxWidth - 30) left = c.maxWidth - 30;
+
+// //                     final Color baseColor =
+// //                         HSVColor.fromAHSV(1.0, _hue, 1.0, 1.0).toColor();
+
+// //                     _colorValue.value = _value.copyWith(
+// //                       baseColor: baseColor,
+// //                       color: _mixColors(_value.grayColor, baseColor,
+// //                           _value.offset.dx, _value.offset.dy),
+// //                       pickerLeft: left,
+// //                     );
+// //                   },
+// //                   child: Container(
+// //                     height: 30,
+// //                     alignment: Alignment.centerLeft,
+// //                     decoration: const BoxDecoration(
+// //                       gradient: LinearGradient(
+// //                         colors: <Color>[
+// //                           Colors.red,
+// //                           Colors.yellow,
+// //                           Colors.green,
+// //                           Colors.cyan,
+// //                           Colors.blue,
+// //                           Colors.purple,
+// //                           Colors.red,
+// //                         ],
+// //                       ),
+// //                     ),
+// //                     child: IgnorePointer(
+// //                       child: ExValueBuilder<_ColorPickerValue>(
+// //                         valueListenable: _colorValue,
+// //                         shouldRebuild:
+// //                             (_ColorPickerValue p, _ColorPickerValue n) =>
+// //                                 p.pickerLeft != n.pickerLeft ||
+// //                                 p.baseColor != n.baseColor,
+// //                         builder: (_, _ColorPickerValue v, __) {
+// //                           return Container(
+// //                             width: 30,
+// //                             height: 30,
+// //                             margin: EdgeInsets.only(left: v.pickerLeft),
+// //                             decoration: BoxDecoration(
+// //                               color: v.baseColor,
+// //                               border: Border.all(
+// //                                 color: Colors.white,
+// //                                 width: 2,
+// //                                 strokeAlign: BorderSide.strokeAlignInside,
+// //                               ),
+// //                             ),
+// //                           );
+// //                         },
+// //                       ),
+// //                     ),
+// //                   ),
+// //                 );
+// //               }),
+// //             ],
+// //           ),
+// //         ),
+// //       ),
+// //     );
+// //   }
+// // }
+
+// // class _ColorPickerValue {
+// //   const _ColorPickerValue({
+// //     required this.baseColor,
+// //     required this.color,
+// //     required this.offset,
+// //     required this.pickerLeft,
+// //     required this.grayColor,
+// //   });
+
+// //   factory _ColorPickerValue.init(Color color) {
+// //     return _ColorPickerValue(
+// //       baseColor: color,
+// //       color: color,
+// //       offset: const Offset(1, 0),
+// //       pickerLeft: 0.0,
+// //       grayColor: Colors.white,
+// //     );
+// //   }
+
+// //   final Color baseColor;
+// //   final Color color;
+// //   final Offset offset;
+// //   final double pickerLeft;
+// //   final Color grayColor;
+
+// //   _ColorPickerValue copyWith({
+// //     Color? baseColor,
+// //     Color? color,
+// //     Offset? offset,
+// //     double? pickerLeft,
+// //     Color? grayColor,
+// //     double? xRatio,
+// //     double? yRatio,
+// //   }) {
+// //     return _ColorPickerValue(
+// //       baseColor: baseColor ?? this.baseColor,
+// //       color: color ?? this.color,
+// //       offset: offset ?? this.offset,
+// //       pickerLeft: pickerLeft ?? this.pickerLeft,
+// //       grayColor: grayColor ?? this.grayColor,
+// //     );
+// //   }
+// // }
+
+// // class _GrayscalePainter extends CustomPainter {
+// //   const _GrayscalePainter(this.currentColor);
+
+// //   final Color currentColor;
+
+// //   @override
+// //   void paint(Canvas canvas, Size size) {
+// //     final Paint paint = Paint()
+// //       ..shader = LinearGradient(
+// //         colors: <Color>[Colors.black, Colors.black.withAlpha(0)],
+// //         begin: Alignment.bottomLeft,
+// //         end: Alignment.topLeft,
+// //       ).createShader(Rect.fromLTWH(0, 0, size.width, size.height));
+
+// //     final Paint overlayPaint = Paint()
+// //       ..shader = LinearGradient(
+// //         colors: <Color>[Colors.white, currentColor],
+// //         begin: Alignment.centerLeft,
+// //         end: Alignment.centerRight,
+// //       ).createShader(Rect.fromLTWH(0, 0, size.width, size.height));
+
+// //     canvas.drawRect(Rect.fromLTWH(0, 0, size.width, size.height), overlayPaint);
+// //     canvas.drawRect(Rect.fromLTWH(0, 0, size.width, size.height), paint);
+// //   }
+
+// //   @override
+// //   bool shouldRepaint(_GrayscalePainter oldDelegate) {
+// //     return oldDelegate.currentColor != currentColor;
+// //   }
+// // }
diff --git a/lib/src/stack_board_items/items/stack_draw_item.dart b/lib/src/stack_board_items/items/stack_draw_item.dart
index 929fa4c..8b56c59 100644
--- a/lib/src/stack_board_items/items/stack_draw_item.dart
+++ b/lib/src/stack_board_items/items/stack_draw_item.dart
@@ -71,6 +71,9 @@ class StackDrawItem extends StackItem<DrawItemContent> {
     Offset? offset,
     bool? lockZOrder,
     StackItemStatus? status,
+    bool? allowChildReciveGestures,
+    bool? tightContent,
+    required this.isHardLocked,
   }) : super(
             id: id,
             size: size,
@@ -78,6 +81,8 @@ class StackDrawItem extends StackItem<DrawItemContent> {
             angle: angle,
             status: status,
             lockZOrder: lockZOrder,
+            allowChildReciveGestures: allowChildReciveGestures,
+            tightContent: tightContent,
             content: content ??
                 DrawItemContent(
                     size: size.shortestSide, paintContents: <PaintContent>[]));
@@ -90,11 +95,24 @@ class StackDrawItem extends StackItem<DrawItemContent> {
       offset: jsonToOffset(data['offset'] as Map<String, dynamic>),
       status: StackItemStatus.values[data['status'] as int],
       lockZOrder: asNullT<bool>(data['lockZOrder']) ?? false,
+      allowChildReciveGestures: asNullT<bool>(data['allowChildReciveGestures']),
+      tightContent: asNullT<bool>(data['tightContent']),
       content:
           DrawItemContent.fromJson(data['content'] as Map<String, dynamic>),
+      isHardLocked: asNullT<bool>(data['isHardLocked']) ?? false,
     );
   }
 
+  ///Decide Weather allowed tro move , delete or rezize or select the item
+  final bool isHardLocked;
+
+  @override
+  Map<String, dynamic> toJson() {
+    final Map<String, dynamic> json = super.toJson();
+    json['isHardLocked'] = isHardLocked;
+    return json;
+  }
+
   /// * 覆盖绘制内容
   /// * Override the drawing content
   void setContents(List<PaintContent> contents) {
@@ -109,15 +127,20 @@ class StackDrawItem extends StackItem<DrawItemContent> {
     StackItemStatus? status,
     bool? lockZOrder,
     DrawItemContent? content,
+    bool? allowChildReciveGestures,
+    bool? tightContent,
   }) {
     return StackDrawItem(
-      id: id,
-      size: size ?? this.size,
-      offset: offset ?? this.offset,
-      angle: angle ?? this.angle,
-      status: status ?? this.status,
-      lockZOrder: lockZOrder ?? this.lockZOrder,
-      content: content ?? this.content,
-    );
+        id: id,
+        size: size ?? this.size,
+        offset: offset ?? this.offset,
+        angle: angle ?? this.angle,
+        status: status ?? this.status,
+        lockZOrder: lockZOrder ?? this.lockZOrder,
+        content: content ?? this.content,
+        allowChildReciveGestures:
+            allowChildReciveGestures ?? this.allowChildReciveGestures,
+        tightContent: tightContent ?? this.tightContent,
+        isHardLocked: isHardLocked);
   }
 }
diff --git a/lib/src/stack_board_items/items/stack_image_item.dart b/lib/src/stack_board_items/items/stack_image_item.dart
index 67feedc..d90beb6 100644
--- a/lib/src/stack_board_items/items/stack_image_item.dart
+++ b/lib/src/stack_board_items/items/stack_image_item.dart
@@ -130,6 +130,8 @@ class StackImageItem extends StackItem<ImageItemContent> {
     Offset? offset,
     StackItemStatus? status,
     bool? lockZOrder,
+    bool? allowChildReciveGestures,
+    bool? tightContent,
   }) : super(
           id: id,
           size: size,
@@ -138,6 +140,8 @@ class StackImageItem extends StackItem<ImageItemContent> {
           status: status,
           content: content,
           lockZOrder: lockZOrder,
+          allowChildReciveGestures: allowChildReciveGestures,
+          tightContent: tightContent,
         );
 
   factory StackImageItem.fromJson(Map<String, dynamic> data) {
@@ -150,6 +154,8 @@ class StackImageItem extends StackItem<ImageItemContent> {
       status: StackItemStatus.values[data['status'] as int],
       lockZOrder: asNullT<bool>(data['lockZOrder']) ?? false,
       content: ImageItemContent.fromJson(asMap(data['content'])),
+      allowChildReciveGestures: asNullT<bool>(data['allowChildReciveGestures']),
+      tightContent: asNullT<bool>(data['tightContent']),
     );
   }
 
@@ -169,6 +175,8 @@ class StackImageItem extends StackItem<ImageItemContent> {
     StackItemStatus? status,
     bool? lockZOrder,
     ImageItemContent? content,
+    bool? allowChildReciveGestures,
+    bool? tightContent,
   }) {
     return StackImageItem(
       id: id,
@@ -178,6 +186,9 @@ class StackImageItem extends StackItem<ImageItemContent> {
       status: status ?? this.status,
       lockZOrder: lockZOrder ?? this.lockZOrder,
       content: content ?? this.content,
+      allowChildReciveGestures:
+          allowChildReciveGestures ?? this.allowChildReciveGestures,
+      tightContent: tightContent ?? this.tightContent,
     );
   }
 }
diff --git a/lib/src/stack_board_items/items/stack_text_item.dart b/lib/src/stack_board_items/items/stack_text_item.dart
index 763ae2b..369f57c 100644
--- a/lib/src/stack_board_items/items/stack_text_item.dart
+++ b/lib/src/stack_board_items/items/stack_text_item.dart
@@ -120,6 +120,8 @@ class StackTextItem extends StackItem<TextItemContent> {
     Offset? offset,
     bool? lockZOrder,
     StackItemStatus? status,
+    bool? allowChildReciveGestures,
+    bool? tightContent,
   }) : super(
           id: id,
           size: size,
@@ -128,6 +130,8 @@ class StackTextItem extends StackItem<TextItemContent> {
           status: status,
           lockZOrder: lockZOrder,
           content: content,
+          allowChildReciveGestures: allowChildReciveGestures,
+          tightContent: tightContent,
         );
 
   factory StackTextItem.fromJson(Map<String, dynamic> data) {
@@ -140,6 +144,8 @@ class StackTextItem extends StackItem<TextItemContent> {
       status: StackItemStatus.values[data['status'] as int],
       lockZOrder: asNullT<bool>(data['lockZOrder']) ?? false,
       content: TextItemContent.fromJson(asMap(data['content'])),
+      allowChildReciveGestures: asNullT<bool>(data['allowChildReciveGestures']),
+      tightContent: asNullT<bool>(data['tightContent']),
     );
   }
 
@@ -157,6 +163,8 @@ class StackTextItem extends StackItem<TextItemContent> {
     StackItemStatus? status,
     bool? lockZOrder,
     TextItemContent? content,
+    bool? allowChildReciveGestures,
+    bool? tightContent,
   }) {
     return StackTextItem(
       id: id,
@@ -166,6 +174,9 @@ class StackTextItem extends StackItem<TextItemContent> {
       status: status ?? this.status,
       lockZOrder: lockZOrder ?? this.lockZOrder,
       content: content ?? this.content,
+      allowChildReciveGestures:
+          allowChildReciveGestures ?? this.allowChildReciveGestures,
+      tightContent: tightContent ?? this.tightContent,
     );
   }
 }
diff --git a/lib/src/stack_item_case/stack_item_case.dart b/lib/src/stack_item_case/stack_item_case.dart
index 84e9b9d..5279345 100644
--- a/lib/src/stack_item_case/stack_item_case.dart
+++ b/lib/src/stack_item_case/stack_item_case.dart
@@ -8,6 +8,7 @@ import 'package:stack_board/src/core/stack_board_item/stack_item_content.dart';
 import 'package:stack_board/src/core/stack_board_item/stack_item_status.dart';
 import 'package:stack_board/src/stack_board.dart';
 import 'package:stack_board/src/stack_item_case/config_builder.dart';
+import 'package:stack_board/stack_items.dart';
 
 /// * Operate box
 /// * Used to wrap child widgets to provide functions of operate box
@@ -121,7 +122,6 @@ class _StackItemCaseState extends State<StackItemCase> {
     } else if (status == StackItemStatus.editing) {
       return SystemMouseCursors.click;
     }
-
     return SystemMouseCursors.grab;
   }
 
@@ -345,8 +345,12 @@ class _StackItemCaseState extends State<StackItemCase> {
             (StackItem<StackItemContent> p, StackItem<StackItemContent> n) =>
                 p.status != n.status,
         childBuilder: (StackItem<StackItemContent> item, Widget c) {
-          if (item.status == StackItemStatus.locked) {
-            return IgnorePointer(child: _content(context, item));
+          final bool isHardLocked = item is StackDrawItem && item.isHardLocked;
+          if (item.status == StackItemStatus.locked || isHardLocked) {
+            return IgnorePointer(
+              ignoring: !item.allowChildReciveGestures,
+              child: _content(context, item),
+            );
           }
           return MouseRegion(
             cursor: _cursor(item.status),
@@ -455,15 +459,19 @@ class _StackItemCaseState extends State<StackItemCase> {
           (StackItem<StackItemContent> p, StackItem<StackItemContent> n) =>
               p.size != n.size || p.status != n.status,
       childBuilder: (StackItem<StackItemContent> item, Widget c) {
+        final BoxConstraints constr = item.tightContent
+            ? BoxConstraints.tight(item.size)
+            : BoxConstraints.loose(item.size);
         return Padding(
-            padding: item.status == StackItemStatus.idle
-                ? EdgeInsets.zero
-                : EdgeInsets.fromLTRB(
-                    style.buttonSize / 2,
-                    style.buttonSize * 1.5,
-                    style.buttonSize / 2,
-                    style.buttonSize * 1.5),
-            child: SizedBox.fromSize(size: item.size, child: c));
+          padding: item.status == StackItemStatus.idle
+              ? EdgeInsets.zero
+              : EdgeInsets.fromLTRB(
+                  style.buttonSize / 2,
+                  style.buttonSize * 1.5,
+                  style.buttonSize / 2,
+                  style.buttonSize * 1.5),
+          child: ConstrainedBox(constraints: constr, child: c),
+        );
       },
       child: content,
     );
diff --git a/pubspec.lock b/pubspec.lock
index bb09c5d..c4d4942 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -5,50 +5,50 @@ packages:
     dependency: transitive
     description:
       name: async
-      sha256: "947bfcf187f74dbc5e146c9eb9c0f10c9f8b30743e341481c1e2ed3ecc18c20c"
+      sha256: "758e6d74e971c3e5aceb4110bfd6698efc7f501675bcfe0c775459a8140750eb"
       url: "https://pub.dev"
     source: hosted
-    version: "2.11.0"
+    version: "2.13.0"
   boolean_selector:
     dependency: transitive
     description:
       name: boolean_selector
-      sha256: "6cfb5af12253eaf2b368f07bacc5a80d1301a071c73360d746b7f2e32d762c66"
+      sha256: "8aab1771e1243a5063b8b0ff68042d67334e3feab9e95b9490f9a6ebf73b42ea"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   characters:
     dependency: transitive
     description:
       name: characters
-      sha256: "04a925763edad70e8443c99234dc3328f442e811f1d8fd1a72f1c8ad0f69a605"
+      sha256: f71061c654a3380576a52b451dd5532377954cf9dbd272a78fc8479606670803
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.0"
+    version: "1.4.0"
   clock:
     dependency: transitive
     description:
       name: clock
-      sha256: cb6d7f03e1de671e34607e909a7213e31d7752be4fb66a86d29fe1eb14bfb5cf
+      sha256: fddb70d9b5277016c77a80201021d40a2247104d9f4aa7bab7157b7e3f05b84b
       url: "https://pub.dev"
     source: hosted
-    version: "1.1.1"
+    version: "1.1.2"
   collection:
     dependency: transitive
     description:
       name: collection
-      sha256: ee67cb0715911d28db6bf4af1026078bd6f0128b07a5f66fb2ed94ec6783c09a
+      sha256: "2f5709ae4d3d59dd8f7cd309b4e023046b57d8a6c82130785d2b0e5868084e76"
       url: "https://pub.dev"
     source: hosted
-    version: "1.18.0"
+    version: "1.19.1"
   fake_async:
     dependency: transitive
     description:
       name: fake_async
-      sha256: "511392330127add0b769b75a987850d136345d9227c6b94c96a04cf4a391bf78"
+      sha256: "5368f224a74523e8d2e7399ea1638b37aecfca824a3cc4dfdf77bf1fa905ac44"
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.1"
+    version: "1.3.3"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -58,18 +58,18 @@ packages:
     dependency: "direct main"
     description:
       name: flutter_drawing_board
-      sha256: "82700847d7f367c9af1eaf186c88f74a6be821dbe783871e4736bf724f015192"
+      sha256: "0fc6b73ac6a54f23d0357ff3f3a804156315f43212a417406062462fe2e3ca7b"
       url: "https://pub.dev"
     source: hosted
-    version: "0.7.0+2"
+    version: "1.0.1+2"
   flutter_lints:
     dependency: "direct dev"
     description:
       name: flutter_lints
-      sha256: b543301ad291598523947dc534aaddc5aaad597b709d2426d3a0e0d44c5cb493
+      sha256: "3105dc8492f6183fb076ccf1f351ac3d60564bff92e20bfc4af9cc1651f4e7e1"
       url: "https://pub.dev"
     source: hosted
-    version: "1.0.4"
+    version: "6.0.0"
   flutter_test:
     dependency: "direct dev"
     description: flutter
@@ -79,135 +79,135 @@ packages:
     dependency: transitive
     description:
       name: leak_tracker
-      sha256: "78eb209deea09858f5269f5a5b02be4049535f568c07b275096836f01ea323fa"
+      sha256: "33e2e26bdd85a0112ec15400c8cbffea70d0f9c3407491f672a2fad47915e2de"
       url: "https://pub.dev"
     source: hosted
-    version: "10.0.0"
+    version: "11.0.2"
   leak_tracker_flutter_testing:
     dependency: transitive
     description:
       name: leak_tracker_flutter_testing
-      sha256: b46c5e37c19120a8a01918cfaf293547f47269f7cb4b0058f21531c2465d6ef0
+      sha256: "1dbc140bb5a23c75ea9c4811222756104fbcd1a27173f0c34ca01e16bea473c1"
       url: "https://pub.dev"
     source: hosted
-    version: "2.0.1"
+    version: "3.0.10"
   leak_tracker_testing:
     dependency: transitive
     description:
       name: leak_tracker_testing
-      sha256: a597f72a664dbd293f3bfc51f9ba69816f84dcd403cdac7066cb3f6003f3ab47
+      sha256: "8d5a2d49f4a66b49744b23b018848400d23e54caf9463f4eb20df3eb8acb2eb1"
       url: "https://pub.dev"
     source: hosted
-    version: "2.0.1"
+    version: "3.0.2"
   lints:
     dependency: transitive
     description:
       name: lints
-      sha256: a2c3d198cb5ea2e179926622d433331d8b58374ab8f29cdda6e863bd62fd369c
+      sha256: a5e2b223cb7c9c8efdc663ef484fdd95bb243bff242ef5b13e26883547fce9a0
       url: "https://pub.dev"
     source: hosted
-    version: "1.0.1"
+    version: "6.0.0"
   matcher:
     dependency: transitive
     description:
       name: matcher
-      sha256: d2323aa2060500f906aa31a895b4030b6da3ebdcc5619d14ce1aada65cd161cb
+      sha256: dc58c723c3c24bf8d3e2d3ad3f2f9d7bd9cf43ec6feaa64181775e60190153f2
       url: "https://pub.dev"
     source: hosted
-    version: "0.12.16+1"
+    version: "0.12.17"
   material_color_utilities:
     dependency: transitive
     description:
       name: material_color_utilities
-      sha256: "0e0a020085b65b6083975e499759762399b4475f766c21668c4ecca34ea74e5a"
+      sha256: f7142bb1154231d7ea5f96bc7bde4bda2a0945d2806bb11670e30b850d56bdec
       url: "https://pub.dev"
     source: hosted
-    version: "0.8.0"
+    version: "0.11.1"
   meta:
     dependency: "direct main"
     description:
       name: meta
-      sha256: d584fa6707a52763a52446f02cc621b077888fb63b93bbcb1143a7be5a0c0c04
+      sha256: "23f08335362185a5ea2ad3a4e597f1375e78bce8a040df5c600c8d3552ef2394"
       url: "https://pub.dev"
     source: hosted
-    version: "1.11.0"
+    version: "1.17.0"
   path:
     dependency: transitive
     description:
       name: path
-      sha256: "087ce49c3f0dc39180befefc60fdb4acd8f8620e5682fe2476afd0b3688bb4af"
+      sha256: "75cca69d1490965be98c73ceaea117e8a04dd21217b37b292c9ddbec0d955bc5"
       url: "https://pub.dev"
     source: hosted
-    version: "1.9.0"
+    version: "1.9.1"
   sky_engine:
     dependency: transitive
     description: flutter
     source: sdk
-    version: "0.0.99"
+    version: "0.0.0"
   source_span:
     dependency: transitive
     description:
       name: source_span
-      sha256: "53e943d4206a5e30df338fd4c6e7a077e02254531b138a15aec3bd143c1a8b3c"
+      sha256: "254ee5351d6cb365c859e20ee823c3bb479bf4a293c22d17a9f1bf144ce86f7c"
       url: "https://pub.dev"
     source: hosted
-    version: "1.10.0"
+    version: "1.10.1"
   stack_trace:
     dependency: transitive
     description:
       name: stack_trace
-      sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b"
+      sha256: "8b27215b45d22309b5cddda1aa2b19bdfec9df0e765f2de506401c071d38d1b1"
       url: "https://pub.dev"
     source: hosted
-    version: "1.11.1"
+    version: "1.12.1"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
-      sha256: ba2aa5d8cc609d96bbb2899c28934f9e1af5cddbd60a827822ea467161eb54e7
+      sha256: "969e04c80b8bcdf826f8f16579c7b14d780458bd97f56d107d3950fdbeef059d"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.4"
   string_scanner:
     dependency: transitive
     description:
       name: string_scanner
-      sha256: "556692adab6cfa87322a115640c11f13cb77b3f076ddcc5d6ae3c20242bedcde"
+      sha256: "921cd31725b72fe181906c6a94d987c78e3b98c2e205b397ea399d4054872b43"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.0"
+    version: "1.4.1"
   term_glyph:
     dependency: transitive
     description:
       name: term_glyph
-      sha256: a29248a84fbb7c79282b40b8c72a1209db169a2e0542bce341da992fe1bc7e84
+      sha256: "7f554798625ea768a7518313e58f83891c7f5024f88e46e7182a4558850a4b8e"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.1"
+    version: "1.2.2"
   test_api:
     dependency: transitive
     description:
       name: test_api
-      sha256: "5c2f730018264d276c20e4f1503fd1308dfbbae39ec8ee63c5236311ac06954b"
+      sha256: ab2726c1a94d3176a45960b6234466ec367179b87dd74f1611adb1f3b5fb9d55
       url: "https://pub.dev"
     source: hosted
-    version: "0.6.1"
+    version: "0.7.7"
   vector_math:
     dependency: transitive
     description:
       name: vector_math
-      sha256: "80b3257d1492ce4d091729e3a67a60407d227c27241d6927be0130c98e741803"
+      sha256: d530bd74fea330e6e364cda7a85019c434070188383e1cd8d9777ee586914c5b
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.4"
+    version: "2.2.0"
   vm_service:
     dependency: transitive
     description:
       name: vm_service
-      sha256: b3d56ff4341b8f182b96aceb2fa20e3dcb336b9f867bc0eafc0de10f1048e957
+      sha256: "45caa6c5917fa127b5dbcfbd1fa60b14e583afdc08bfc96dda38886ca252eb60"
       url: "https://pub.dev"
     source: hosted
-    version: "13.0.0"
+    version: "15.0.2"
 sdks:
-  dart: ">=3.2.0-0 <4.0.0"
-  flutter: ">=3.0.0"
+  dart: ">=3.8.0 <4.0.0"
+  flutter: ">=3.18.0-18.0.pre.54"
diff --git a/pubspec.yaml b/pubspec.yaml
index b7089f5..62886c4 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -12,46 +12,11 @@ dependencies:
     sdk: flutter
 
   meta: ^1.11.0
-  flutter_drawing_board: ^0.7.0+2
+  flutter_drawing_board: ^1.0.1+2
 
 dev_dependencies:
   flutter_test:
     sdk: flutter
-  flutter_lints: ^1.0.0
+  flutter_lints: ^6.0.0
 
-# For information on the generic Dart part of this file, see the
-# following page: https://dart.dev/tools/pub/pubspec
-
-# The following section is specific to Flutter.
-flutter:
-
-  # To add assets to your package, add an assets section, like this:
-  # assets:
-  #   - images/a_dot_burr.jpeg
-  #   - images/a_dot_ham.jpeg
-  #
-  # For details regarding assets in packages, see
-  # https://flutter.dev/assets-and-images/#from-packages
-  #
-  # An image asset can refer to one or more resolution-specific "variants", see
-  # https://flutter.dev/assets-and-images/#resolution-aware.
-
-  # To add custom fonts to your package, add a fonts section here,
-  # in this "flutter" section. Each entry in this list should have a
-  # "family" key with the font family name, and a "fonts" key with a
-  # list giving the asset and other descriptors for the font. For
-  # example:
-  # fonts:
-  #   - family: Schyler
-  #     fonts:
-  #       - asset: fonts/Schyler-Regular.ttf
-  #       - asset: fonts/Schyler-Italic.ttf
-  #         style: italic
-  #   - family: Trajan Pro
-  #     fonts:
-  #       - asset: fonts/TrajanPro.ttf
-  #       - asset: fonts/TrajanPro_Bold.ttf
-  #         weight: 700
-  #
-  # For details regarding fonts in packages, see
-  # https://flutter.dev/custom-fonts/#from-packages
+flutter:
\ No newline at end of file
diff --git a/test/stack_board_items/items/stack_draw_item.dart b/test/stack_board_items/items/stack_draw_item.dart
index 99eeb99..75bebdc 100644
--- a/test/stack_board_items/items/stack_draw_item.dart
+++ b/test/stack_board_items/items/stack_draw_item.dart
@@ -6,9 +6,11 @@ import 'package:stack_board/stack_items.dart';
 void main() {
   test('Stack Draw Item should save lockZorder to json', () {
     final StackDrawItem item = StackDrawItem(
-        content: DrawItemContent(size: 100, paintContents: <PaintContent>[]),
-        size: const Size(100, 100),
-        lockZOrder: true);
+      content: DrawItemContent(size: 100, paintContents: <PaintContent>[]),
+      size: const Size(100, 100),
+      lockZOrder: true,
+      isHardLocked: false,
+    );
     expect(item.toJson()['lockZOrder'], true);
   });