ll-plus 2.1.5 → 2.1.6

package/es/packages/components/key-value/src/components/key-value-item.vue2.mjs

@@ -0,0 +1,246 @@
+import { defineComponent, useAttrs, ref, computed, watch, resolveComponent, openBlock, createBlock, unref, withCtx, createElementBlock, normalizeClass, createVNode, renderSlot, resolveDynamicComponent, mergeProps, createSlots, renderList, createCommentVNode, normalizeStyle, createTextVNode, createElementVNode, normalizeProps, guardReactiveProps } from 'vue';
+import { isEmpty } from 'lodash-es';
+import '../../../../utils/index.mjs';
+import '../config/index.mjs';
+import { keyValueItemProps, keyValueItemEmits, typeRules, formColumns, formOptions } from '../config/key-value-item.mjs';
+import { createNamespace } from '../../../../utils/create-namespace.mjs';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "LlKeyValueItem"
+  },
+  __name: "key-value-item",
+  props: keyValueItemProps,
+  emits: keyValueItemEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const attrs = useAttrs();
+    console.log({ attrs });
+    const bem = createNamespace("key-value");
+    const innerValue = ref(props.value);
+    const getKeyType = computed(() => {
+      const option = attrs["key-type"] || {
+        type: "input",
+        placeholder: "\u8BF7\u8F93\u5165",
+        rule: typeRules || []
+      };
+      return option;
+    });
+    const getValueType = computed(() => {
+      let option = attrs["value-type"] || {
+        type: "input",
+        placeholder: "\u8BF7\u8F93\u5165",
+        rule: []
+      };
+      if (innerValue.value["key"] && !isEmpty(props.keyValueTypeDict)) {
+        option = props.keyValueTypeDict[innerValue.value["key"]];
+      }
+      return option;
+    });
+    const handleDelete = () => {
+      emits("delete");
+    };
+    const handleChange = () => {
+      innerValue.value["value"] = "";
+    };
+    watch(
+      innerValue,
+      (val) => {
+        emits("update:value", val);
+        emits("change");
+      },
+      {
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_ll_select = resolveComponent("ll-select");
+      const _component_ll_form_item = resolveComponent("ll-form-item");
+      const _component_ll_icon = resolveComponent("ll-icon");
+      const _component_ll_button = resolveComponent("ll-button");
+      const _component_a_popconfirm = resolveComponent("a-popconfirm");
+      const _component_ll_form = resolveComponent("ll-form");
+      return openBlock(), createBlock(_component_ll_form, {
+        ref: "form",
+        "form-columns": unref(formColumns),
+        "form-data": props.value,
+        "form-options": unref(formOptions)
+      }, {
+        formItem: withCtx(({ item }) => [
+          item.key === "other" ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass(unref(bem).e("item"))
+            },
+            [
+              unref(attrs).type !== "single" ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  class: normalizeClass(unref(bem).m("left"))
+                },
+                [
+                  createVNode(_component_ll_form_item, {
+                    label: unref(attrs)["key-label"],
+                    "label-col": {
+                      span: 24
+                    },
+                    rules: getKeyType.value.role,
+                    name: "key"
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "key", {}, () => [
+                        !unref(isEmpty)(unref(attrs)["key-types"]) ? (openBlock(), createBlock(_component_ll_select, {
+                          key: 0,
+                          value: innerValue.value["key"],
+                          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value["key"] = $event),
+                          options: unref(attrs)["key-types"],
+                          disabled: unref(attrs).disabled,
+                          placeholder: "\u8BF7\u9009\u62E9",
+                          "allow-clear": "",
+                          onChange: handleChange
+                        }, null, 8, ["value", "options", "disabled"])) : (openBlock(), createBlock(resolveDynamicComponent(`ll-${getKeyType.value.type}`), mergeProps({
+                          key: 1,
+                          value: innerValue.value["value"],
+                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value["value"] = $event),
+                          disabled: unref(attrs).disabled
+                        }, getKeyType.value, { onChange: handleChange }), createSlots({
+                          _: 2
+                          /* DYNAMIC */
+                        }, [
+                          renderList(Object.keys(_ctx.$slots), (_item) => {
+                            return {
+                              name: _item,
+                              fn: withCtx((data) => [
+                                renderSlot(_ctx.$slots, _item, mergeProps(data || {}, { content: "key" }))
+                              ])
+                            };
+                          })
+                        ]), 1040, ["value", "disabled"]))
+                      ])
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }, 8, ["label", "rules"])
+                ],
+                2
+                /* CLASS */
+              )) : createCommentVNode("v-if", true),
+              unref(attrs).type !== "single" ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 1,
+                  class: normalizeClass(unref(bem).m("separator")),
+                  style: normalizeStyle({
+                    "margin-top": !!unref(attrs)["key-label"] || !!unref(attrs)["value-label"] ? "26px" : "0px"
+                  })
+                },
+                [
+                  renderSlot(_ctx.$slots, "separator", {}, () => [
+                    createTextVNode("~")
+                  ])
+                ],
+                6
+                /* CLASS, STYLE */
+              )) : createCommentVNode("v-if", true),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(bem).m("right"))
+                },
+                [
+                  createVNode(_component_ll_form_item, {
+                    label: unref(attrs)["value-label"],
+                    "label-col": {
+                      span: 24
+                    },
+                    rule: getValueType.value.rule || {},
+                    name: "value"
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "value-warapper", normalizeProps(guardReactiveProps(getValueType.value)), () => [
+                        (openBlock(), createBlock(resolveDynamicComponent(`ll-${getValueType.value.type}`), mergeProps({
+                          value: innerValue.value["value"],
+                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => innerValue.value["value"] = $event),
+                          disabled: unref(attrs).disabled
+                        }, getValueType.value), createSlots({
+                          _: 2
+                          /* DYNAMIC */
+                        }, [
+                          renderList(Object.keys(_ctx.$slots), (_item) => {
+                            return {
+                              name: _item,
+                              fn: withCtx((data) => [
+                                renderSlot(_ctx.$slots, _item, mergeProps(data || {}, { content: "value" }))
+                              ])
+                            };
+                          })
+                        ]), 1040, ["value", "disabled"]))
+                      ])
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }, 8, ["label", "rule"])
+                ],
+                2
+                /* CLASS */
+              ),
+              createVNode(_component_a_popconfirm, {
+                title: "\u4F60\u786E\u5B9A\u8981\u79FB\u9664?",
+                "ok-text": "\u786E\u8BA4",
+                "cancel-text": "\u53D6\u6D88",
+                placement: "topRight",
+                "overlay-class-name": unref(bem).m("popconfirm"),
+                onConfirm: handleDelete
+              }, {
+                default: withCtx(() => [
+                  props.showDelete ? (openBlock(), createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      class: normalizeClass(unref(bem).m("delete")),
+                      style: normalizeStyle({
+                        "margin-top": !!unref(attrs)["key-label"] || !!unref(attrs)["value-label"] ? "26px" : "0px"
+                      })
+                    },
+                    [
+                      createVNode(_component_ll_button, {
+                        type: "text",
+                        disabled: unref(attrs).disabled
+                      }, {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, "delete-icon", {}, () => [
+                            createVNode(_component_ll_icon, {
+                              "icon-name": "icon-remove",
+                              class: "delete"
+                            })
+                          ])
+                        ]),
+                        _: 3
+                        /* FORWARDED */
+                      }, 8, ["disabled"])
+                    ],
+                    6
+                    /* CLASS, STYLE */
+                  )) : createCommentVNode("v-if", true)
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["overlay-class-name"])
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["form-columns", "form-data", "form-options"]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=key-value-item.vue2.mjs.map

package/es/packages/components/key-value/src/components/key-value-item.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-value-item.vue2.mjs","sources":["../../../../../../../packages/components/key-value/src/components/key-value-item.vue"],"sourcesContent":["<template>\n  <ll-form\n    ref=\"form\"\n    :form-columns=\"formColumns\"\n    :form-data=\"props.value\"\n    :form-options=\"formOptions\"\n  >\n    <template #formItem=\"{ item }\">\n      <template v-if=\"item.key === 'other'\">\n        <div :class=\"bem.e('item')\">\n          <div v-if=\"attrs.type !== 'single'\" :class=\"bem.m('left')\">\n            <ll-form-item\n              :label=\"attrs['key-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getKeyType.role\"\n              name=\"key\"\n            >\n              <slot name=\"key\">\n                <ll-select\n                  v-if=\"!isEmpty(attrs['key-types'])\"\n                  v-model:value=\"innerValue['key']\"\n                  :options=\"attrs['key-types']\"\n                  :disabled=\"attrs.disabled\"\n                  placeholder=\"请选择\"\n                  allow-clear\n                  @change=\"handleChange\"\n                />\n                <component\n                  :is=\"`ll-${getKeyType.type}`\"\n                  v-else\n                  v-model:value=\"innerValue['value']\"\n                  :disabled=\"attrs.disabled\"\n                  v-bind=\"getKeyType\"\n                  @change=\"handleChange\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"key\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n\n          <div\n            v-if=\"attrs.type !== 'single'\"\n            :class=\"bem.m('separator')\"\n            :style=\"{\n              'margin-top':\n                !!attrs['key-label'] || !!attrs['value-label'] ? '26px' : '0px'\n            }\"\n          >\n            <slot name=\"separator\">~</slot>\n          </div>\n\n          <div :class=\"bem.m('right')\">\n            <ll-form-item\n              :label=\"attrs['value-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rule=\"getValueType.rule || {}\"\n              name=\"value\"\n            >\n              <slot name=\"value-warapper\" v-bind=\"getValueType\">\n                <component\n                  :is=\"`ll-${getValueType.type}`\"\n                  v-model:value=\"innerValue['value']\"\n                  :disabled=\"attrs.disabled\"\n                  v-bind=\"getValueType\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"value\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n\n          <a-popconfirm\n            title=\"你确定要移除?\"\n            ok-text=\"确认\"\n            cancel-text=\"取消\"\n            placement=\"topRight\"\n            :overlay-class-name=\"bem.m('popconfirm')\"\n            @confirm=\"handleDelete\"\n          >\n            <div\n              v-if=\"props.showDelete\"\n              :class=\"bem.m('delete')\"\n              :style=\"{\n                'margin-top':\n                  !!attrs['key-label'] || !!attrs['value-label']\n                    ? '26px'\n                    : '0px'\n              }\"\n            >\n              <ll-button type=\"text\" :disabled=\"attrs.disabled\">\n                <slot name=\"delete-icon\">\n                  <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n                </slot>\n              </ll-button>\n            </div>\n          </a-popconfirm>\n        </div>\n      </template>\n    </template>\n  </ll-form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n  typeRules,\n  keyValueItemProps,\n  keyValueItemEmits,\n  formColumns,\n  formOptions\n} from '../config'\nimport { type FormColumn } from '@ll-plus/components'\n\ndefineOptions({\n  name: 'LlKeyValueItem'\n})\n\nconst props = defineProps(keyValueItemProps)\nconst emits = defineEmits(keyValueItemEmits)\n\nconst attrs = useAttrs()\nconsole.log({ attrs })\nconst bem = createNamespace('key-value')\nconst innerValue = ref(props.value)\n\nconst getKeyType = computed<FormColumn>(() => {\n  const option = attrs['key-type'] || {\n    type: 'input',\n    placeholder: '请输入',\n    rule: typeRules || []\n  }\n  return option\n})\nconst getValueType = computed<FormColumn>(() => {\n  let option = attrs['value-type'] || {\n    type: 'input',\n    placeholder: '请输入',\n    rule: []\n  }\n  if (innerValue.value['key'] && !isEmpty(props.keyValueTypeDict)) {\n    option = props.keyValueTypeDict[innerValue.value['key']]\n  }\n  return option\n})\n\nconst handleDelete = () => {\n  emits('delete')\n}\n\nconst handleChange = () => {\n  innerValue.value['value'] = ''\n}\n\nwatch(\n  innerValue,\n  val => {\n    emits('update:value', val)\n    emits('change')\n  },\n  {\n    deep: true\n  }\n)\n</script>\n\n<style scoped></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgJA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAQ,OAAA,CAAA,GAAA,CAAI,EAAE,KAAA,EAAO,CAAA,CAAA;AACrB,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AACvC,IAAM,MAAA,UAAA,GAAa,GAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAElC,IAAM,MAAA,UAAA,GAAa,SAAqB,MAAM;AAC5C,MAAM,MAAA,MAAA,GAAS,KAAM,CAAA,UAAU,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,IAAA,EAAM,aAAa,EAAC;AAAA,OACtB,CAAA;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,SAAqB,MAAM;AAC9C,MAAI,IAAA,MAAA,GAAS,KAAM,CAAA,YAAY,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,MAAM,EAAC;AAAA,OACT,CAAA;AACA,MAAI,IAAA,UAAA,CAAW,MAAM,KAAK,CAAA,IAAK,CAAC,OAAQ,CAAA,KAAA,CAAM,gBAAgB,CAAG,EAAA;AAC/D,QAAA,MAAA,GAAS,KAAM,CAAA,gBAAA,CAAiB,UAAW,CAAA,KAAA,CAAM,KAAK,CAAC,CAAA,CAAA;AAAA,OACzD;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAW,UAAA,CAAA,KAAA,CAAM,OAAO,CAAI,GAAA,EAAA,CAAA;AAAA,KAC9B,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,UAAA;AAAA,MACA,CAAO,GAAA,KAAA;AACL,QAAA,KAAA,CAAM,gBAAgB,GAAG,CAAA,CAAA;AACzB,QAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,OAChB;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/key-value/src/config/index.mjs

@@ -0,0 +1,5 @@
+export { getKeyValueItem, keyValueEmits, keyValueProps } from './key-value.mjs';
+export { formColumns, formOptions, keyValueItemEmits, keyValueItemProps, typeRules } from './key-value-item.mjs';
+
+"use strict";
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/key-value/src/config/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/es/packages/components/key-value/src/config/key-value-item.mjs

@@ -0,0 +1,54 @@
+import '../../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../../utils/props/runtime.mjs';
+
+"use strict";
+const typeRules = [
+  {
+    trigger: ["blur", "change"],
+    message: "\u6B64\u5B57\u6BB5\u662F\u5FC5\u9700\u7684",
+    validator: async (_rule, value) => {
+      if (!value) {
+        return Promise.reject(new Error("\u6B64\u5B57\u6BB5\u662F\u5FC5\u9700\u7684"));
+      } else {
+        return Promise.resolve();
+      }
+    }
+  }
+];
+const formOptions = {
+  layout: "horizontal",
+  labelAlign: "left"
+};
+const formColumns = [
+  {
+    key: "other",
+    labelCol: {
+      span: 24
+    }
+  }
+];
+const keyValueItemProps = buildProps({
+  value: {
+    type: definePropType(Object),
+    default: () => ({
+      key: "",
+      value: ""
+    })
+  },
+  keyValueTypeDict: {
+    type: Object,
+    default: () => ({})
+  },
+  showDelete: {
+    type: Boolean,
+    default: true
+  }
+});
+const keyValueItemEmits = {
+  delete: () => true,
+  change: () => true,
+  "update:value": (value) => !!value
+};
+
+export { formColumns, formOptions, keyValueItemEmits, keyValueItemProps, typeRules };
+//# sourceMappingURL=key-value-item.mjs.map

package/es/packages/components/key-value/src/config/key-value-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-value-item.mjs","sources":["../../../../../../../packages/components/key-value/src/config/key-value-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport type { FormProps } from 'ant-design-vue'\n\nexport const typeRules = [\n  {\n    trigger: ['blur', 'change'],\n    message: '此字段是必需的',\n    validator: async (_rule: any, value: any) => {\n      if (!value) {\n        return Promise.reject(new Error('此字段是必需的'))\n      } else {\n        return Promise.resolve()\n      }\n    }\n  }\n]\nexport const formOptions = {\n  layout: 'horizontal',\n  labelAlign: 'left'\n} as FormProps\n\nexport const formColumns = [\n  {\n    key: 'other',\n    labelCol: {\n      span: 24\n    }\n  }\n]\n\nexport interface KeyValueItem {\n  key: string\n  value: string\n}\nexport const keyValueItemProps = buildProps({\n  value: {\n    type: definePropType<KeyValueItem>(Object),\n    default: () => ({\n      key: '',\n      value: ''\n    })\n  },\n  keyValueTypeDict: {\n    type: Object,\n    default: () => ({})\n  },\n  showDelete: {\n    type: Boolean,\n    default: true\n  }\n} as const)\n\nexport const keyValueItemEmits = {\n  delete: () => true,\n  change: () => true,\n  'update:value': (value: KeyValueItem) => !!value\n}\n"],"names":[],"mappings":";;;;AAGO,MAAM,SAAY,GAAA;AAAA,EACvB;AAAA,IACE,OAAA,EAAS,CAAC,MAAA,EAAQ,QAAQ,CAAA;AAAA,IAC1B,OAAS,EAAA,4CAAA;AAAA,IACT,SAAA,EAAW,OAAO,KAAA,EAAY,KAAe,KAAA;AAC3C,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAA,OAAO,OAAQ,CAAA,MAAA,CAAO,IAAI,KAAA,CAAM,4CAAS,CAAC,CAAA,CAAA;AAAA,OACrC,MAAA;AACL,QAAA,OAAO,QAAQ,OAAQ,EAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAAA,GACF;AACF,EAAA;AACO,MAAM,WAAc,GAAA;AAAA,EACzB,MAAQ,EAAA,YAAA;AAAA,EACR,UAAY,EAAA,MAAA;AACd,EAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB;AAAA,IACE,GAAK,EAAA,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,EAAA;AAAA,KACR;AAAA,GACF;AACF,EAAA;AAMO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA6B,MAAM,CAAA;AAAA,IACzC,SAAS,OAAO;AAAA,MACd,GAAK,EAAA,EAAA;AAAA,MACL,KAAO,EAAA,EAAA;AAAA,KACT,CAAA;AAAA,GACF;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,QAAQ,MAAM,IAAA;AAAA,EACd,QAAQ,MAAM,IAAA;AAAA,EACd,cAAgB,EAAA,CAAC,KAAwB,KAAA,CAAC,CAAC,KAAA;AAC7C;;;;"}

package/es/packages/components/key-value/src/config/key-value.mjs

@@ -0,0 +1,63 @@
+import '../../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../../utils/props/runtime.mjs';
+
+"use strict";
+const getKeyValueItem = () => ({
+  key: "",
+  value: ""
+});
+const keyValueProps = buildProps({
+  value: {
+    type: definePropType(Array),
+    default: () => [{ key: "", value: "" }]
+  },
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  keyLabel: {
+    type: String,
+    default: ""
+  },
+  valueLabel: {
+    type: String,
+    default: ""
+  },
+  addText: {
+    type: String,
+    default: "\u6DFB\u52A0"
+  },
+  type: {
+    type: definePropType(String),
+    default: "doubt"
+  },
+  keyType: {
+    type: definePropType(Object),
+    default: () => ({
+      type: "input",
+      placeholder: "\u8BF7\u8F93\u5165key"
+    })
+  },
+  keyTypes: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  valueType: {
+    type: definePropType(Object),
+    default: () => ({
+      type: "input",
+      placeholder: "\u8BF7\u8F93\u5165key"
+    })
+  }
+});
+const keyValueEmits = {
+  change: (value) => !!value,
+  "update:value": (value) => !!value
+};
+
+export { getKeyValueItem, keyValueEmits, keyValueProps };
+//# sourceMappingURL=key-value.mjs.map

package/es/packages/components/key-value/src/config/key-value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-value.mjs","sources":["../../../../../../../packages/components/key-value/src/config/key-value.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport { type FormColumn } from '@ll-plus/components'\nimport type { KeyValueItem } from './key-value-item'\nimport type KeyValue from '../components/key-value-item.vue'\n\nexport interface KeyType {\n  label: string\n  value: string\n  option: FormColumn\n}\n\ntype Type = 'single' | 'doubt'\n\nexport const getKeyValueItem = () => ({\n  key: '',\n  value: ''\n})\n\nexport const keyValueProps = buildProps({\n  value: {\n    type: definePropType<KeyValueItem[]>(Array),\n    default: () => [{ key: '', value: '' }]\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  keyLabel: {\n    type: String,\n    default: ''\n  },\n  valueLabel: {\n    type: String,\n    default: ''\n  },\n  addText: {\n    type: String,\n    default: '添加'\n  },\n  type: {\n    type: definePropType<Type>(String),\n    default: 'doubt'\n  },\n  keyType: {\n    type: definePropType<FormColumn>(Object),\n    default: () => ({\n      type: 'input',\n      placeholder: '请输入key'\n    })\n  },\n  keyTypes: {\n    type: definePropType<KeyType[]>(Array),\n    default: () => []\n  },\n  valueType: {\n    type: definePropType<FormColumn>(Object),\n    default: () => ({\n      type: 'input',\n      placeholder: '请输入key'\n    })\n  }\n} as const)\n\nexport const keyValueEmits = {\n  change: (value: KeyValueItem[]) => !!value,\n  'update:value': (value: KeyValueItem[]) => !!value\n}\n\n// props\nexport type KeyValueProps = ExtractPropTypes<typeof keyValueProps>\n// emits\nexport type KeyValueEmits = typeof keyValueEmits\n// instance\nexport type KeyValueInstance = InstanceType<typeof KeyValue>\n"],"names":[],"mappings":";;;;AAeO,MAAM,kBAAkB,OAAO;AAAA,EACpC,GAAK,EAAA,EAAA;AAAA,EACL,KAAO,EAAA,EAAA;AACT,CAAA,EAAA;AAEO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA+B,KAAK,CAAA;AAAA,IAC1C,OAAA,EAAS,MAAM,CAAC,EAAE,KAAK,EAAI,EAAA,KAAA,EAAO,IAAI,CAAA;AAAA,GACxC;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAqB,MAAM,CAAA;AAAA,IACjC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,uBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAA0B,KAAK,CAAA;AAAA,IACrC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,uBAAA;AAAA,KACf,CAAA;AAAA,GACF;AACF,CAAU,EAAA;AAEH,MAAM,aAAgB,GAAA;AAAA,EAC3B,MAAQ,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAAA,EACrC,cAAgB,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAC/C;;;;"}

package/es/packages/components/key-value/src/key-value.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from './key-value.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+"use strict";
+var KeyValue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "key-value.vue"]]);
+
+export { KeyValue as default };
+//# sourceMappingURL=key-value.vue.mjs.map

package/es/packages/components/key-value/src/key-value.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-value.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es/packages/components/key-value/src/key-value.vue2.mjs

@@ -0,0 +1,134 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, Fragment, renderList, createBlock, createSlots, renderSlot, mergeProps, createElementVNode, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import '../../../utils/index.mjs';
+import './config/index.mjs';
+import keyValueItem from './components/key-value-item.vue.mjs';
+import { keyValueProps, keyValueEmits, getKeyValueItem } from './config/key-value.mjs';
+import { createNamespace } from '../../../utils/create-namespace.mjs';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlKeyValue" },
+  __name: "key-value",
+  props: keyValueProps,
+  emits: keyValueEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace("key-value");
+    const innerValue = ref(
+      props.value.length > 0 ? props.value : [{ key: "", value: "" }]
+    );
+    const keyValueItems = ref([]);
+    const keyValueTypeDict = computed(() => {
+      const obj = {};
+      props.keyTypes.map((e) => {
+        obj[e.value] = e.option;
+      });
+      return obj;
+    });
+    const handleAddItem = () => {
+      innerValue.value.push(getKeyValueItem());
+    };
+    const handleDelete = (idx) => {
+      innerValue.value.splice(idx, 1);
+    };
+    const handleChange = () => {
+      emits("change", innerValue.value);
+      emits("change", innerValue.value);
+    };
+    return (_ctx, _cache) => {
+      const _component_ll_icon = resolveComponent("ll-icon");
+      const _component_ll_button = resolveComponent("ll-button");
+      const _component_a_spin = resolveComponent("a-spin");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bem).b())
+        },
+        [
+          createVNode(_component_a_spin, {
+            spinning: props.loading
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(props.value, (_item, idx) => {
+                  return openBlock(), createBlock(keyValueItem, {
+                    key: idx,
+                    ref_for: true,
+                    ref: (el) => keyValueItems.value[idx] = el,
+                    value: props.value[idx],
+                    "key-label": props.keyLabel,
+                    "value-label": props.valueLabel,
+                    "key-value-type-dict": keyValueTypeDict.value,
+                    "show-delete": idx > 0,
+                    type: props.type,
+                    "key-type": props.keyType,
+                    "key-types": props.keyTypes,
+                    "value-type": props.valueType,
+                    disabled: props.disabled,
+                    onDelete: ($event) => handleDelete(idx),
+                    onChange: handleChange
+                  }, createSlots({
+                    _: 2
+                    /* DYNAMIC */
+                  }, [
+                    renderList(Object.keys(_ctx.$slots), (item) => {
+                      return {
+                        name: item,
+                        fn: withCtx((data) => [
+                          renderSlot(_ctx.$slots, item, mergeProps(data || {}, { index: idx }))
+                        ])
+                      };
+                    })
+                  ]), 1032, ["value", "key-label", "value-label", "key-value-type-dict", "show-delete", "type", "key-type", "key-types", "value-type", "disabled", "onDelete"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              )),
+              createVNode(_component_ll_button, {
+                class: normalizeClass(unref(bem).e("add")),
+                loading: _ctx.loading,
+                disabled: props.disabled,
+                onClick: handleAddItem
+              }, {
+                default: withCtx(() => [
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass(unref(bem).e("plus"))
+                    },
+                    [
+                      !_ctx.loading ? (openBlock(), createBlock(_component_ll_icon, {
+                        key: 0,
+                        "icon-name": "icon-add",
+                        class: normalizeClass(unref(bem).e("icon-add"))
+                      }, null, 8, ["class"])) : createCommentVNode("v-if", true),
+                      createTextVNode(
+                        " " + toDisplayString(props.addText),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class", "loading", "disabled"])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["spinning"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=key-value.vue2.mjs.map

package/es/packages/components/key-value/src/key-value.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-value.vue2.mjs","sources":["../../../../../../packages/components/key-value/src/key-value.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <a-spin :spinning=\"props.loading\">\n      <key-value-item\n        v-for=\"(_item, idx) in props.value\"\n        :key=\"idx\"\n        :ref=\"el => (keyValueItems[idx] = el)\"\n        :value=\"props.value[idx]\"\n        :key-label=\"props.keyLabel\"\n        :value-label=\"props.valueLabel\"\n        :key-value-type-dict=\"keyValueTypeDict\"\n        :show-delete=\"idx > 0\"\n        :type=\"props.type\"\n        :key-type=\"props.keyType\"\n        :key-types=\"props.keyTypes\"\n        :value-type=\"props.valueType\"\n        :disabled=\"props.disabled\"\n        @delete=\"handleDelete(idx)\"\n        @change=\"handleChange\"\n      >\n        <template\n          v-for=\"item in Object.keys($slots)\"\n          :key=\"item\"\n          #[item]=\"data\"\n        >\n          <slot :name=\"item\" v-bind=\"data || {}\" :index=\"idx\"></slot>\n        </template>\n      </key-value-item>\n      <ll-button\n        :class=\"bem.e('add')\"\n        :loading=\"loading\"\n        :disabled=\"props.disabled\"\n        @click=\"handleAddItem\"\n      >\n        <div :class=\"bem.e('plus')\">\n          <ll-icon\n            v-if=\"!loading\"\n            icon-name=\"icon-add\"\n            :class=\"bem.e('icon-add')\"\n          />\n          {{ props.addText }}\n        </div>\n      </ll-button>\n    </a-spin>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { keyValueProps, keyValueEmits, getKeyValueItem } from './config'\nimport keyValueItem from './components/key-value-item.vue'\ndefineOptions({ name: 'LlKeyValue' })\nconst props = defineProps(keyValueProps)\nconst emits = defineEmits(keyValueEmits)\nconst bem = createNamespace('key-value')\nconst innerValue = ref(\n  props.value.length > 0 ? props.value : [{ key: '', value: '' }]\n)\nconst keyValueItems = ref<any[]>([])\n\nconst keyValueTypeDict = computed(() => {\n  const obj = {}\n  props.keyTypes.map(e => {\n    obj[e.value] = e.option\n  })\n  return obj\n})\n\nconst handleAddItem = () => {\n  innerValue.value.push(getKeyValueItem())\n}\n\nconst handleDelete = (idx: number) => {\n  innerValue.value.splice(idx, 1)\n}\n\nconst handleChange = () => {\n  emits('change', innerValue.value)\n  emits('change', innerValue.value)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAqDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AACvC,IAAA,MAAM,UAAa,GAAA,GAAA;AAAA,MACjB,KAAM,CAAA,KAAA,CAAM,MAAS,GAAA,CAAA,GAAI,KAAM,CAAA,KAAA,GAAQ,CAAC,EAAE,GAAK,EAAA,EAAA,EAAI,KAAO,EAAA,EAAA,EAAI,CAAA;AAAA,KAChE,CAAA;AACA,IAAM,MAAA,aAAA,GAAgB,GAAW,CAAA,EAAE,CAAA,CAAA;AAEnC,IAAM,MAAA,gBAAA,GAAmB,SAAS,MAAM;AACtC,MAAA,MAAM,MAAM,EAAC,CAAA;AACb,MAAM,KAAA,CAAA,QAAA,CAAS,IAAI,CAAK,CAAA,KAAA;AACtB,QAAI,GAAA,CAAA,CAAA,CAAE,KAAK,CAAA,GAAI,CAAE,CAAA,MAAA,CAAA;AAAA,OAClB,CAAA,CAAA;AACD,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAW,UAAA,CAAA,KAAA,CAAM,IAAK,CAAA,eAAA,EAAiB,CAAA,CAAA;AAAA,KACzC,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,GAAgB,KAAA;AACpC,MAAW,UAAA,CAAA,KAAA,CAAM,MAAO,CAAA,GAAA,EAAK,CAAC,CAAA,CAAA;AAAA,KAChC,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAM,KAAA,CAAA,QAAA,EAAU,WAAW,KAAK,CAAA,CAAA;AAChC,MAAM,KAAA,CAAA,QAAA,EAAU,WAAW,KAAK,CAAA,CAAA;AAAA,KAClC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/operate-icon/src/operate-icon.mjs

@@ -1,8 +1,16 @@
 import '../../../utils/index.mjs';
+import { isBoolean } from 'lodash-unified';
 import { buildProps, definePropType } from '../../../utils/props/runtime.mjs';
 
 "use strict";
 const operateIconProps = buildProps({
+  /**
+   * @description 监听dropdown是否打开和关闭
+   */
+  dropdownOpen: {
+    type: Boolean,
+    default: false
+  },
   /**
    * @description 是否显示dropdown
    */
@@ -38,10 +46,12 @@ const operateIconProps = buildProps({
   }
 });
 const operateIconEmits = {
-  edit: (v, data) => !!v && !!data,
+  edit: (v, data) => v || data,
   // 点击编辑
-  delete: (v, data) => !!v && !!data
+  delete: (v, data) => v || data,
   // 点击删除
+  "update:dropdownOpen": (bool) => isBoolean(bool),
+  "update:value": (bool) => isBoolean(bool)
 };
 
 export { operateIconEmits, operateIconProps };

package/es/packages/components/operate-icon/src/operate-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"operate-icon.mjs","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type OperateIcon from './operate-icon.vue'\nimport type { IconBaseProps } from '@ll-plus/components'\n\nexport const operateIconProps = buildProps({\n  /**\n   * @description 是否显示dropdown\n   */\n  showDropdown: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description  icon列表\n   */\n  list: {\n    type: definePropType<IconBaseProps[]>(Array)\n  },\n  /**\n   * @description 是否禁用\n   */\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 显示多少个icon,其余在弹窗中显示\n   */\n  showIconLimit: {\n    type: Number,\n    default: 3\n  },\n  /**\n   * @description 点击按钮传递的数据\n   */\n  data: {\n    type: definePropType<any>(undefined)\n  }\n} as const)\n\nexport const operateIconEmits = {\n  edit: (v: Event, data: any) => !!v && !!data, // 点击编辑\n  delete: (v: Event, data: any) => !!v && !!data // 点击删除\n}\n\n// props\nexport type OperateIconProps = ExtractPropTypes<typeof operateIconProps>\n\n// emits\nexport type OperateIconEmits = typeof operateIconEmits\n\n// instance\nexport type OperateIconInstance = InstanceType<typeof OperateIcon>\n"],"names":[],"mappings":";;;;AAMO,MAAM,mBAAmB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAgC,KAAK,CAAA;AAAA,GAC7C;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAoB,KAAS,CAAA,CAAA;AAAA,GACrC;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,IAAA,EAAM,CAAC,CAAU,EAAA,IAAA,KAAc,CAAC,CAAC,CAAA,IAAK,CAAC,CAAC,IAAA;AAAA;AAAA,EACxC,MAAA,EAAQ,CAAC,CAAU,EAAA,IAAA,KAAc,CAAC,CAAC,CAAA,IAAK,CAAC,CAAC,IAAA;AAAA;AAC5C;;;;"}
+{"version":3,"file":"operate-icon.mjs","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport { isBoolean } from 'lodash-unified'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type OperateIcon from './operate-icon.vue'\nimport type { IconBaseProps } from '@ll-plus/components'\n\nexport const operateIconProps = buildProps({\n  /**\n   * @description 监听dropdown是否打开和关闭\n   */\n  dropdownOpen: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 是否显示dropdown\n   */\n  showDropdown: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description  icon列表\n   */\n  list: {\n    type: definePropType<IconBaseProps[]>(Array)\n  },\n  /**\n   * @description 是否禁用\n   */\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 显示多少个icon,其余在弹窗中显示\n   */\n  showIconLimit: {\n    type: Number,\n    default: 3\n  },\n  /**\n   * @description 点击按钮传递的数据\n   */\n  data: {\n    type: definePropType<any>(undefined)\n  }\n} as const)\n\nexport const operateIconEmits = {\n  edit: (v: Event, data: any) => v || data, // 点击编辑\n  delete: (v: Event, data: any) => v || data, // 点击删除\n  'update:dropdownOpen': (bool: boolean) => isBoolean(bool),\n  'update:value': (bool: boolean) => isBoolean(bool)\n}\n\n// props\nexport type OperateIconProps = ExtractPropTypes<typeof operateIconProps>\n\n// emits\nexport type OperateIconEmits = typeof operateIconEmits\n\n// instance\nexport type OperateIconInstance = InstanceType<typeof OperateIcon>\n"],"names":[],"mappings":";;;;;AAQO,MAAM,mBAAmB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAgC,KAAK,CAAA;AAAA,GAC7C;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAoB,KAAS,CAAA,CAAA;AAAA,GACrC;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,IAAM,EAAA,CAAC,CAAU,EAAA,IAAA,KAAc,CAAK,IAAA,IAAA;AAAA;AAAA,EACpC,MAAQ,EAAA,CAAC,CAAU,EAAA,IAAA,KAAc,CAAK,IAAA,IAAA;AAAA;AAAA,EACtC,qBAAuB,EAAA,CAAC,IAAkB,KAAA,SAAA,CAAU,IAAI,CAAA;AAAA,EACxD,cAAgB,EAAA,CAAC,IAAkB,KAAA,SAAA,CAAU,IAAI,CAAA;AACnD;;;;"}

package/es/packages/components/operate-icon/src/operate-icon.vue2.mjs

@@ -52,11 +52,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return `${bem.b()} ${isHasDropdown ? bem.m("has-dropdown") : ""}`;
     });
     const handleDropdownOpenChange = (open) => {
-      if (!open)
+      if (!open) {
         dropdownOpen.value = false;
+        emits("update:dropdownOpen", false);
+      }
     };
     const handleIconMouseenter = () => {
       dropdownOpen.value = true;
+      emits("update:dropdownOpen", true);
     };
     watch(
       () => [props.list, props.showDropdown],
@@ -149,11 +152,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 [
                   createVNode(unref(LlIconBase), {
                     "is-show-tooltip": false,
-                    "is-show-container": false,
+                    "is-show-container": showIconList.value[0].isShowContainer,
                     "icon-type": showIconList.value[0].iconType,
                     data: _ctx.data,
                     "icon-name": "icon-more"
-                  }, null, 8, ["icon-type", "data"])
+                  }, null, 8, ["is-show-container", "icon-type", "data"])
                 ],
                 34
                 /* CLASS, NEED_HYDRATION */