jky-component-lib 0.0.126 → 0.0.127

package/dist/es/amap/style2.css

@@ -1,7 +1,3 @@
 
-/* JkyAMarker 组件样式 - 参考高德官方示例 */
-.amap-icon img,
-.amap-marker-content img {
-  width: 25px;
-  height: 34px;
-}
+/* 轨迹回放组件不需要额外样式 */
+/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */

package/dist/es/amap/style3.css

@@ -1,3 +1,7 @@
 
-/* 轨迹回放组件不需要额外样式 */
-/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */
+/* JkyAMarker 组件样式 - 参考高德官方示例 */
+.amap-icon img,
+.amap-marker-content img {
+  width: 25px;
+  height: 34px;
+}

package/dist/es/form/FormItem.vue.js

@@ -56,7 +56,6 @@ import { JkyAddInput } from "../add-input/index.js";
 import { JkyCodeMirrorEditor } from "../code-mirror-editor/index.js";
 import { JkyRichEditor } from "../rich-editor/index.js";
 import _sfc_main$1 from "./LinkedSelect.vue.js";
-/* empty css                  */
 import _sfc_main$2 from "./SelectTable.vue.js";
 /* empty css                 */
 const _hoisted_1 = {

package/dist/es/form/LinkedSelect.vue.d.ts

@@ -17,8 +17,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: any[]) => any;
+    change: (value: any[]) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+    onChange?: ((value: any[]) => any) | undefined;
 }>, {
     modelValue: any[];
     disabled: boolean;

package/dist/es/form/LinkedSelect.vue.js

@@ -37,8 +37,8 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, renderSlot, Fragment, renderList, createBlock, unref, mergeProps, withCtx } from "vue";
-import { ElSelect } from "element-plus";
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, renderSlot, Fragment, renderList, unref, createBlock, mergeProps, withCtx, watch } from "vue";
+import { ElSelect, ElOption } from "element-plus";
 const _hoisted_1 = { class: "flex gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyLinkedSelect"
@@ -50,82 +50,97 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     disabled: { type: Boolean, default: false },
     componentProps: { default: void 0 }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
+    var _a;
     const props = __props;
     const emit = __emit;
-    const linkedSelectOptions = ref([]);
-    const linkedSelectLoading = ref([]);
-    function loadLinkedSelectOptions() {
+    const level = ((_a = props.config) == null ? void 0 : _a.level) || 1;
+    const optionsList = ref(Array.from({ length: level }, () => []));
+    const loadingList = ref(Array.from({ length: level }, () => false));
+    const values = ref(
+      props.modelValue && props.modelValue.length > 0 ? props.modelValue.slice(0, level) : Array.from({ length: level }, () => void 0)
+    );
+    function loadOptions(levelIndex, value) {
       return __async(this, null, function* () {
-        if (!props.config) {
+        var _a2;
+        if (!((_a2 = props.config) == null ? void 0 : _a2.getOptions) || levelIndex >= level) {
           return;
         }
-        const level = props.config.level || 1;
-        linkedSelectLoading.value = Array.from({ length: level }, () => false);
-        if (props.config.getAllOptions) {
-          try {
-            const allOptions = yield props.config.getAllOptions(props.modelValue);
-            linkedSelectOptions.value = allOptions;
-          } catch (error) {
-            console.error("Failed to load linked select options:", error);
-            linkedSelectOptions.value = Array.from({ length: level }, () => []);
-          }
-          return;
+        loadingList.value[levelIndex] = true;
+        try {
+          const levelOptions = yield props.config.getOptions(levelIndex + 1, value);
+          optionsList.value[levelIndex] = levelOptions || [];
+        } catch (error) {
+          console.error("Failed to load linked select options:", error);
+          optionsList.value[levelIndex] = [];
+        } finally {
+          loadingList.value[levelIndex] = false;
         }
-        if (props.config.getOptions) {
-          try {
-            const options = [];
-            for (let i = 0; i < level; i++) {
-              linkedSelectLoading.value[i] = true;
-              const levelOptions = yield props.config.getOptions(i + 1, props.modelValue || []);
-              options.push(levelOptions);
-              linkedSelectLoading.value[i] = false;
-            }
-            linkedSelectOptions.value = options;
-          } catch (error) {
-            console.error("Failed to load linked select options:", error);
-            linkedSelectOptions.value = Array.from({ length: level }, () => []);
+      });
+    }
+    function loadDisplayData() {
+      return __async(this, null, function* () {
+        for (let i = 0; i < level - 1; i++) {
+          if (values.value[i] !== void 0 && values.value[i] !== null) {
+            yield loadOptions(i + 1, values.value[i]);
           }
         }
       });
     }
-    onMounted(() => {
-      loadLinkedSelectOptions();
-    });
-    watch(
-      () => props.modelValue,
-      () => {
-        loadLinkedSelectOptions();
-      },
-      { deep: true }
-    );
-    function handleValueChange(index, val) {
-      const newValue = Array.isArray(props.modelValue) ? [...props.modelValue] : [];
-      newValue[index] = val;
+    function watchModelValue() {
+      watch(
+        () => props.modelValue,
+        (newVal) => __async(null, null, function* () {
+          if (newVal && newVal.length > 0) {
+            values.value = [...newVal];
+            yield loadDisplayData();
+          }
+        }),
+        { deep: true }
+      );
+    }
+    function handleSelectChange(index, value) {
+      for (let i = index + 1; i < level; i++) {
+        values.value[i] = void 0;
+        optionsList.value[i] = [];
+      }
+      const newValue = [...values.value];
       emit("update:modelValue", newValue);
+      emit("change", newValue);
+      if (value !== void 0 && value !== null && index + 1 < level) {
+        loadOptions(index + 1, value);
+      }
     }
+    onMounted(() => {
+      var _a2;
+      watchModelValue();
+      loadDisplayData();
+      if ((_a2 = props.config) == null ? void 0 : _a2.getOptions) {
+        loadOptions(0, void 0);
+      }
+    });
     return (_ctx, _cache) => {
-      var _a;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         renderSlot(_ctx.$slots, "prefix"),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(Array.from({ length: ((_a = __props.config) == null ? void 0 : _a.level) || 1 }), (_, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(Array.from({ length: unref(level) }), (_, index) => {
           var _a2, _b, _c, _d, _e, _f;
           return openBlock(), createBlock(unref(ElSelect), mergeProps({
             key: index,
-            "model-value": Array.isArray(__props.modelValue) ? __props.modelValue[index] : void 0,
+            modelValue: values.value[index],
+            "onUpdate:modelValue": ($event) => values.value[index] = $event,
             placeholder: ((_b = (_a2 = __props.config) == null ? void 0 : _a2.placeholders) == null ? void 0 : _b[index]) || "请选择",
-            disabled: __props.disabled,
+            disabled: __props.disabled || index > 0 && values.value[index - 1] === void 0 && values.value[index - 1] !== null,
             filterable: (_d = (_c = __props.config) == null ? void 0 : _c.filterable) != null ? _d : false,
             clearable: (_f = (_e = __props.config) == null ? void 0 : _e.clearable) != null ? _f : true,
-            loading: linkedSelectLoading.value[index],
+            loading: loadingList.value[index],
             class: "flex-1 min-w-30"
           }, { ref_for: true }, __props.componentProps, {
-            "onUpdate:modelValue": ($event) => handleValueChange(index, $event)
+            onChange: ($event) => handleSelectChange(index, $event)
           }), {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(linkedSelectOptions.value[index] || [], (option) => {
-                return openBlock(), createBlock(unref(ElSelect).Option, {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(optionsList.value[index] || [], (option) => {
+                return openBlock(), createBlock(unref(ElOption), {
                   key: option.value,
                   value: option.value,
                   label: option.label,
@@ -134,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
               }), 128))
             ]),
             _: 2
-          }, 1040, ["model-value", "placeholder", "disabled", "filterable", "clearable", "loading", "onUpdate:modelValue"]);
+          }, 1040, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "filterable", "clearable", "loading", "onChange"]);
         }), 128)),
         renderSlot(_ctx.$slots, "suffix")
       ]);

package/dist/es/form/{LinkedSelect.vue3.js → LinkedSelect.vue2.js}

@@ -1,5 +1,4 @@
 import _sfc_main from "./LinkedSelect.vue.js";
-/* empty css                  */
 export {
   _sfc_main as default
 };

package/dist/es/form/index.js

@@ -1,7 +1,6 @@
 import _sfc_main from "./Form.vue.js";
 /* empty css          */
 import _sfc_main$1 from "./LinkedSelect.vue.js";
-/* empty css                  */
 import { installWithSFC } from "../utils/with-install.js";
 const JkyForm = installWithSFC(_sfc_main);
 const JkyLinkedSelect = installWithSFC(_sfc_main$1);

package/dist/es/package.json.js

@@ -1,4 +1,4 @@
-const version = "0.0.126";
+const version = "0.0.127";
 export {
   version
 };

package/dist/lib/amap/style2.css

@@ -1,7 +1,3 @@
 
-/* JkyAMarker 组件样式 - 参考高德官方示例 */
-.amap-icon img,
-.amap-marker-content img {
-  width: 25px;
-  height: 34px;
-}
+/* 轨迹回放组件不需要额外样式 */
+/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */

package/dist/lib/amap/style3.css

@@ -1,3 +1,7 @@
 
-/* 轨迹回放组件不需要额外样式 */
-/* 所有样式通过 TailwindCSS 工具类或外部组件控制 */
+/* JkyAMarker 组件样式 - 参考高德官方示例 */
+.amap-icon img,
+.amap-marker-content img {
+  width: 25px;
+  height: 34px;
+}

package/dist/lib/form/FormItem.vue.js

@@ -58,7 +58,6 @@ const index = require("../add-input/index.js");
 const index$2 = require("../code-mirror-editor/index.js");
 const index$1 = require("../rich-editor/index.js");
 const LinkedSelect_vue_vue_type_script_setup_true_lang = require("./LinkedSelect.vue.js");
-;/* empty css                   */
 const SelectTable_vue_vue_type_script_setup_true_lang = require("./SelectTable.vue.js");
 ;/* empty css                  */
 const _hoisted_1 = {

package/dist/lib/form/LinkedSelect.vue.d.ts

@@ -17,8 +17,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: any[]) => any;
+    change: (value: any[]) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+    onChange?: ((value: any[]) => any) | undefined;
 }>, {
     modelValue: any[];
     disabled: boolean;

package/dist/lib/form/LinkedSelect.vue.js

@@ -52,82 +52,97 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     disabled: { type: Boolean, default: false },
     componentProps: { default: void 0 }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
+    var _a;
     const props = __props;
     const emit = __emit;
-    const linkedSelectOptions = vue.ref([]);
-    const linkedSelectLoading = vue.ref([]);
-    function loadLinkedSelectOptions() {
+    const level = ((_a = props.config) == null ? void 0 : _a.level) || 1;
+    const optionsList = vue.ref(Array.from({ length: level }, () => []));
+    const loadingList = vue.ref(Array.from({ length: level }, () => false));
+    const values = vue.ref(
+      props.modelValue && props.modelValue.length > 0 ? props.modelValue.slice(0, level) : Array.from({ length: level }, () => void 0)
+    );
+    function loadOptions(levelIndex, value) {
       return __async(this, null, function* () {
-        if (!props.config) {
+        var _a2;
+        if (!((_a2 = props.config) == null ? void 0 : _a2.getOptions) || levelIndex >= level) {
           return;
         }
-        const level = props.config.level || 1;
-        linkedSelectLoading.value = Array.from({ length: level }, () => false);
-        if (props.config.getAllOptions) {
-          try {
-            const allOptions = yield props.config.getAllOptions(props.modelValue);
-            linkedSelectOptions.value = allOptions;
-          } catch (error) {
-            console.error("Failed to load linked select options:", error);
-            linkedSelectOptions.value = Array.from({ length: level }, () => []);
-          }
-          return;
+        loadingList.value[levelIndex] = true;
+        try {
+          const levelOptions = yield props.config.getOptions(levelIndex + 1, value);
+          optionsList.value[levelIndex] = levelOptions || [];
+        } catch (error) {
+          console.error("Failed to load linked select options:", error);
+          optionsList.value[levelIndex] = [];
+        } finally {
+          loadingList.value[levelIndex] = false;
         }
-        if (props.config.getOptions) {
-          try {
-            const options = [];
-            for (let i = 0; i < level; i++) {
-              linkedSelectLoading.value[i] = true;
-              const levelOptions = yield props.config.getOptions(i + 1, props.modelValue || []);
-              options.push(levelOptions);
-              linkedSelectLoading.value[i] = false;
-            }
-            linkedSelectOptions.value = options;
-          } catch (error) {
-            console.error("Failed to load linked select options:", error);
-            linkedSelectOptions.value = Array.from({ length: level }, () => []);
+      });
+    }
+    function loadDisplayData() {
+      return __async(this, null, function* () {
+        for (let i = 0; i < level - 1; i++) {
+          if (values.value[i] !== void 0 && values.value[i] !== null) {
+            yield loadOptions(i + 1, values.value[i]);
           }
         }
       });
     }
-    vue.onMounted(() => {
-      loadLinkedSelectOptions();
-    });
-    vue.watch(
-      () => props.modelValue,
-      () => {
-        loadLinkedSelectOptions();
-      },
-      { deep: true }
-    );
-    function handleValueChange(index, val) {
-      const newValue = Array.isArray(props.modelValue) ? [...props.modelValue] : [];
-      newValue[index] = val;
+    function watchModelValue() {
+      vue.watch(
+        () => props.modelValue,
+        (newVal) => __async(null, null, function* () {
+          if (newVal && newVal.length > 0) {
+            values.value = [...newVal];
+            yield loadDisplayData();
+          }
+        }),
+        { deep: true }
+      );
+    }
+    function handleSelectChange(index, value) {
+      for (let i = index + 1; i < level; i++) {
+        values.value[i] = void 0;
+        optionsList.value[i] = [];
+      }
+      const newValue = [...values.value];
       emit("update:modelValue", newValue);
+      emit("change", newValue);
+      if (value !== void 0 && value !== null && index + 1 < level) {
+        loadOptions(index + 1, value);
+      }
     }
+    vue.onMounted(() => {
+      var _a2;
+      watchModelValue();
+      loadDisplayData();
+      if ((_a2 = props.config) == null ? void 0 : _a2.getOptions) {
+        loadOptions(0, void 0);
+      }
+    });
     return (_ctx, _cache) => {
-      var _a;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.renderSlot(_ctx.$slots, "prefix"),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Array.from({ length: ((_a = __props.config) == null ? void 0 : _a.level) || 1 }), (_, index) => {
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Array.from({ length: vue.unref(level) }), (_, index) => {
           var _a2, _b, _c, _d, _e, _f;
           return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElSelect), vue.mergeProps({
             key: index,
-            "model-value": Array.isArray(__props.modelValue) ? __props.modelValue[index] : void 0,
+            modelValue: values.value[index],
+            "onUpdate:modelValue": ($event) => values.value[index] = $event,
             placeholder: ((_b = (_a2 = __props.config) == null ? void 0 : _a2.placeholders) == null ? void 0 : _b[index]) || "请选择",
-            disabled: __props.disabled,
+            disabled: __props.disabled || index > 0 && values.value[index - 1] === void 0 && values.value[index - 1] !== null,
             filterable: (_d = (_c = __props.config) == null ? void 0 : _c.filterable) != null ? _d : false,
             clearable: (_f = (_e = __props.config) == null ? void 0 : _e.clearable) != null ? _f : true,
-            loading: linkedSelectLoading.value[index],
+            loading: loadingList.value[index],
             class: "flex-1 min-w-30"
           }, { ref_for: true }, __props.componentProps, {
-            "onUpdate:modelValue": ($event) => handleValueChange(index, $event)
+            onChange: ($event) => handleSelectChange(index, $event)
           }), {
             default: vue.withCtx(() => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(linkedSelectOptions.value[index] || [], (option) => {
-                return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElSelect).Option, {
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(optionsList.value[index] || [], (option) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElOption), {
                   key: option.value,
                   value: option.value,
                   label: option.label,
@@ -136,7 +151,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
               }), 128))
             ]),
             _: 2
-          }, 1040, ["model-value", "placeholder", "disabled", "filterable", "clearable", "loading", "onUpdate:modelValue"]);
+          }, 1040, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "filterable", "clearable", "loading", "onChange"]);
         }), 128)),
         vue.renderSlot(_ctx.$slots, "suffix")
       ]);

package/dist/lib/form/{LinkedSelect.vue3.js → LinkedSelect.vue2.js}

@@ -1,5 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const LinkedSelect_vue_vue_type_script_setup_true_lang = require("./LinkedSelect.vue.js");
-;/* empty css                   */
 exports.default = LinkedSelect_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/form/index.js

@@ -3,7 +3,6 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const Form_vue_vue_type_script_setup_true_lang = require("./Form.vue.js");
 ;/* empty css           */
 const LinkedSelect_vue_vue_type_script_setup_true_lang = require("./LinkedSelect.vue.js");
-;/* empty css                   */
 const withInstall = require("../utils/with-install.js");
 const JkyForm = withInstall.installWithSFC(Form_vue_vue_type_script_setup_true_lang.default);
 const JkyLinkedSelect = withInstall.installWithSFC(LinkedSelect_vue_vue_type_script_setup_true_lang.default);

package/dist/lib/package.json.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const version = "0.0.126";
+const version = "0.0.127";
 exports.version = version;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jky-component-lib",
   "type": "module",
-  "version": "0.0.126",
+  "version": "0.0.127",
   "publishConfig": {
     "access": "public"
   },