ll-plus 2.1.5 → 2.1.7

package/lib/packages/components/index.js

@@ -19,25 +19,27 @@ var index$g = require('./icon-base/index.js');
 var index$h = require('./icon-picker/index.js');
 var index$i = require('./input/index.js');
 var index$j = require('./input-number/index.js');
-var index$k = require('./modal/index.js');
-var index$l = require('./operate-icon/index.js');
-var index$m = require('./radio/index.js');
-var index$n = require('./segmented/index.js');
-var index$o = require('./select/index.js');
-var index$p = require('./select-group/index.js');
-var index$q = require('./space/index.js');
-var index$r = require('./steps/index.js');
-var index$s = require('./switch/index.js');
-var index$t = require('./table/index.js');
-var index$u = require('./tabs-simple/index.js');
-var index$v = require('./textarea/index.js');
-var index$w = require('./time-picker/index.js');
-var index$x = require('./time-range/index.js');
-var index$y = require('./tooltip/index.js');
-var index$z = require('./tree-search/index.js');
-var index$A = require('./tree/index.js');
-var index$B = require('./dropdown/index.js');
-var index$C = require('./upload-drag/index.js');
+var index$k = require('./key-value/index.js');
+var index$l = require('./modal/index.js');
+var index$m = require('./operate-icon/index.js');
+var index$n = require('./operate-tree/index.js');
+var index$o = require('./radio/index.js');
+var index$p = require('./segmented/index.js');
+var index$q = require('./select/index.js');
+var index$r = require('./select-group/index.js');
+var index$s = require('./space/index.js');
+var index$t = require('./steps/index.js');
+var index$u = require('./switch/index.js');
+var index$v = require('./table/index.js');
+var index$w = require('./tabs-simple/index.js');
+var index$x = require('./textarea/index.js');
+var index$y = require('./time-picker/index.js');
+var index$z = require('./time-range/index.js');
+var index$A = require('./tooltip/index.js');
+var index$B = require('./tree-search/index.js');
+var index$C = require('./tree/index.js');
+var index$D = require('./dropdown/index.js');
+var index$E = require('./upload-drag/index.js');
 var advancedFiltering = require('./advanced-filtering/src/advanced-filtering.js');
 var avatar = require('./avatar/src/avatar.js');
 var button = require('./button/src/button.js');
@@ -51,6 +53,7 @@ var index$b = require('./drawer/src/components/second-confirmation/index.js');
 var empty = require('./empty/src/empty.js');
 var form = require('./form/src/config/form.js');
 var components = require('./form/src/config/components.js');
+var formComponent = require('./form/src/config/form-component.js');
 var icon = require('./icon/src/icon.js');
 var iconBase = require('./icon-base/src/icon-base.js');
 var iconPicker = require('./icon-picker/src/config/icon-picker.js');
@@ -58,8 +61,11 @@ var modal = require('./icon-picker/src/config/modal.js');
 var search = require('./icon-picker/src/config/search.js');
 var input = require('./input/src/input.js');
 var inputNumber = require('./input-number/src/input-number.js');
+var keyValue = require('./key-value/src/config/key-value.js');
+var keyValueItem = require('./key-value/src/config/key-value-item.js');
 var modal$1 = require('./modal/src/modal.js');
 var operateIcon = require('./operate-icon/src/operate-icon.js');
+var operateTree = require('./operate-tree/src/operate-tree.js');
 var select = require('./select/src/select.js');
 var selectGroup = require('./select-group/src/select-group.js');
 var headerSearch = require('./table/src/config/header-search.js');
@@ -70,7 +76,6 @@ var tabsSimple = require('./tabs-simple/src/tabs-simple.js');
 var tooltip = require('./tooltip/src/tooltip.js');
 var headerSearch$1 = require('./tree-search/src/config/header-search.js');
 var directoryTitle = require('./tree-search/src/config/directory-title.js');
-var treeList = require('./tree-search/src/config/tree-list.js');
 var treeSearch = require('./tree-search/src/config/tree-search.js');
 var tree = require('./tree/src/tree.js');
 var dropdown = require('./dropdown/src/dropdown.js');
@@ -100,30 +105,32 @@ exports.LlIconBase = index$g.LlIconBase;
 exports.LlIconPicker = index$h.LlIconPicker;
 exports.LlInput = index$i.LlInput;
 exports.LlInputNumber = index$j.LlInputNumber;
-exports.LlModal = index$k.LlModal;
-exports.LlOperateIcon = index$l.LlOperateIcon;
-exports.LlRadio = index$m.LlRadio;
-exports.LlRadioButton = index$m.LlRadioButton;
-exports.LlRadioGroup = index$m.LlRadioGroup;
-exports.LlSegmented = index$n.LlSegmented;
-exports.LlSelect = index$o.LlSelect;
-exports.LlSelectOptGroup = index$o.LlSelectOptGroup;
-exports.LlSelectOption = index$o.LlSelectOption;
-exports.LlSelectGroup = index$p.LlSelectGroup;
-exports.LlSpace = index$q.LlSpace;
-exports.LlSteps = index$r.LlSteps;
-exports.LlSwitch = index$s.LlSwitch;
-exports.LlTable = index$t.LlTable;
-exports.LlTabsSimple = index$u.LlTabsSimple;
-exports.LlTextarea = index$v.LlTextarea;
-exports.LlTimePicker = index$w.LlTimePicker;
-exports.LlTimeRange = index$x.LlTimeRange;
-exports.LlTooltip = index$y.LlTooltip;
-exports.LlTreeSearch = index$z.LlTreeSearch;
-exports.LlTree = index$A.LlTree;
-exports.LlDropdown = index$B.LlDropdown;
-exports.LlDropdownButton = index$B.LlDropdownButton;
-exports.LlUploadDrag = index$C.LlUploadDrag;
+exports.LlKeyValue = index$k.LlKeyValue;
+exports.LlModal = index$l.LlModal;
+exports.LlOperateIcon = index$m.LlOperateIcon;
+exports.LlOperateTree = index$n.LlOperateTree;
+exports.LlRadio = index$o.LlRadio;
+exports.LlRadioButton = index$o.LlRadioButton;
+exports.LlRadioGroup = index$o.LlRadioGroup;
+exports.LlSegmented = index$p.LlSegmented;
+exports.LlSelect = index$q.LlSelect;
+exports.LlSelectOptGroup = index$q.LlSelectOptGroup;
+exports.LlSelectOption = index$q.LlSelectOption;
+exports.LlSelectGroup = index$r.LlSelectGroup;
+exports.LlSpace = index$s.LlSpace;
+exports.LlSteps = index$t.LlSteps;
+exports.LlSwitch = index$u.LlSwitch;
+exports.LlTable = index$v.LlTable;
+exports.LlTabsSimple = index$w.LlTabsSimple;
+exports.LlTextarea = index$x.LlTextarea;
+exports.LlTimePicker = index$y.LlTimePicker;
+exports.LlTimeRange = index$z.LlTimeRange;
+exports.LlTooltip = index$A.LlTooltip;
+exports.LlTreeSearch = index$B.LlTreeSearch;
+exports.LlTree = index$C.LlTree;
+exports.LlDropdown = index$D.LlDropdown;
+exports.LlDropdownButton = index$D.LlDropdownButton;
+exports.LlUploadDrag = index$E.LlUploadDrag;
 exports.advancedFilteringEmits = advancedFiltering.advancedFilteringEmits;
 exports.advancedFilteringParamsEmits = advancedFiltering.advancedFilteringParamsEmits;
 exports.advancedFilteringParamsProps = advancedFiltering.advancedFilteringParamsProps;
@@ -134,6 +141,7 @@ exports.avatarProps = avatar.avatarProps;
 exports.avatarType = avatar.avatarType;
 exports.buttonProps = button.buttonProps;
 exports.checkboxGroupProps = checkbox.checkboxGroupProps;
+exports.checkboxProps = checkbox.checkboxProps;
 exports.descriptionsProps = descriptions.descriptionsProps;
 exports.descriptionsItemProps = descriptionsItem.descriptionsItemProps;
 exports.drawerEmits = drawer.drawerEmits;
@@ -146,6 +154,7 @@ exports.emptyProps = empty.emptyProps;
 exports.url = empty.url;
 exports.formProps = form.formProps;
 exports.checkedType = components.checkedType;
+exports.formComponentProps = formComponent.formComponentProps;
 exports.iconProps = icon.iconProps;
 exports.iconBaseProps = iconBase.iconBaseProps;
 exports.iconTypes = iconBase.iconTypes;
@@ -157,10 +166,21 @@ exports.iconPickerSearchProps = search.iconPickerSearchProps;
 exports.inputProps = input.inputProps;
 exports.inputNumberEmits = inputNumber.inputNumberEmits;
 exports.inputNumberProps = inputNumber.inputNumberProps;
+exports.getKeyValueItem = keyValue.getKeyValueItem;
+exports.keyValueEmits = keyValue.keyValueEmits;
+exports.keyValueProps = keyValue.keyValueProps;
+exports.formColumns = keyValueItem.formColumns;
+exports.formOptions = keyValueItem.formOptions;
+exports.keyValueItemEmits = keyValueItem.keyValueItemEmits;
+exports.keyValueItemProps = keyValueItem.keyValueItemProps;
+exports.typeRules = keyValueItem.typeRules;
 exports.modalEmits = modal$1.modalEmits;
 exports.modalProps = modal$1.modalProps;
 exports.operateIconEmits = operateIcon.operateIconEmits;
 exports.operateIconProps = operateIcon.operateIconProps;
+exports.OperateTreeEmits = operateTree.OperateTreeEmits;
+exports.operateTreeEmits = operateTree.operateTreeEmits;
+exports.operateTreeProps = operateTree.operateTreeProps;
 exports.selectOptGroupProps = select.selectOptGroupProps;
 exports.selectOptionProps = select.selectOptionProps;
 exports.selectGroupData = selectGroup.selectGroupData;
@@ -183,9 +203,6 @@ exports.treeSelectHeaderSearchEmits = headerSearch$1.treeSelectHeaderSearchEmits
 exports.treeSelectHeaderSearchProps = headerSearch$1.treeSelectHeaderSearchProps;
 exports.treeSelectDirectoryTitleEmits = directoryTitle.treeSelectDirectoryTitleEmits;
 exports.treeSelectDirectoryTitleProps = directoryTitle.treeSelectDirectoryTitleProps;
-exports.TreeSelectTreeListEmits = treeList.TreeSelectTreeListEmits;
-exports.treeSelectTreeListEmits = treeList.treeSelectTreeListEmits;
-exports.treeSelectTreeListProps = treeList.treeSelectTreeListProps;
 exports.treeSearchEmits = treeSearch.treeSearchEmits;
 exports.treeSearchEmits1 = treeSearch.treeSearchEmits1;
 exports.treeSearchOperateWayType = treeSearch.treeSearchOperateWayType;

package/lib/packages/components/index.js.map

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

package/lib/packages/components/key-value/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../utils/index.js');
+var keyValue$1 = require('./src/key-value.vue.js');
+require('./src/config/index.js');
+var withInstall = require('../../utils/with-install.js');
+var keyValue = require('./src/config/key-value.js');
+var keyValueItem = require('./src/config/key-value-item.js');
+
+"use strict";
+const LlKeyValue = withInstall.withInstall(keyValue$1.default);
+
+exports.getKeyValueItem = keyValue.getKeyValueItem;
+exports.keyValueEmits = keyValue.keyValueEmits;
+exports.keyValueProps = keyValue.keyValueProps;
+exports.formColumns = keyValueItem.formColumns;
+exports.formOptions = keyValueItem.formOptions;
+exports.keyValueItemEmits = keyValueItem.keyValueItemEmits;
+exports.keyValueItemProps = keyValueItem.keyValueItemProps;
+exports.typeRules = keyValueItem.typeRules;
+exports.LlKeyValue = LlKeyValue;
+exports.default = LlKeyValue;
+//# sourceMappingURL=index.js.map

package/lib/packages/components/key-value/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/key-value/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport KeyValue from './src/key-value.vue'\n\nexport const LlKeyValue = withInstall(KeyValue)\n\nexport default LlKeyValue\n\nexport * from './src/config'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlKeyValue: typeof KeyValue\n  }\n}\n"],"names":["withInstall","KeyValue"],"mappings":";;;;;;;;;;;;AAIa,MAAA,UAAA,GAAaA,wBAAYC,kBAAQ;;;;;;;;;;;;;"}

package/lib/packages/components/key-value/src/components/key-value-item.vue.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var keyValueItem_vue_vue_type_script_setup_true_lang = require('./key-value-item.vue2.js');
+var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
+
+"use strict";
+var keyValueItem = /* @__PURE__ */ _pluginVue_exportHelper.default(keyValueItem_vue_vue_type_script_setup_true_lang.default, [["__file", "key-value-item.vue"]]);
+
+exports.default = keyValueItem;
+//# sourceMappingURL=key-value-item.vue.js.map

package/lib/packages/components/key-value/src/components/key-value-item.vue.js.map

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

package/lib/packages/components/key-value/src/components/key-value-item.vue2.js

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

package/lib/packages/components/key-value/src/components/key-value-item.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-value-item.vue2.js","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":["useAttrs","createNamespace","ref","computed","typeRules","isEmpty","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgJA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAQ,OAAA,CAAA,GAAA,CAAI,EAAE,KAAA,EAAO,CAAA,CAAA;AACrB,IAAM,MAAA,GAAA,GAAMC,gCAAgB,WAAW,CAAA,CAAA;AACvC,IAAM,MAAA,UAAA,GAAaC,OAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAElC,IAAM,MAAA,UAAA,GAAaC,aAAqB,MAAM;AAC5C,MAAM,MAAA,MAAA,GAAS,KAAM,CAAA,UAAU,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,IAAA,EAAMC,0BAAa,EAAC;AAAA,OACtB,CAAA;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAeD,aAAqB,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,CAACE,gBAAQ,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,IAAAC,SAAA;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/lib/packages/components/key-value/src/config/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var keyValue = require('./key-value.js');
+var keyValueItem = require('./key-value-item.js');
+
+"use strict";
+
+exports.getKeyValueItem = keyValue.getKeyValueItem;
+exports.keyValueEmits = keyValue.keyValueEmits;
+exports.keyValueProps = keyValue.keyValueProps;
+exports.formColumns = keyValueItem.formColumns;
+exports.formOptions = keyValueItem.formOptions;
+exports.keyValueItemEmits = keyValueItem.keyValueItemEmits;
+exports.keyValueItemProps = keyValueItem.keyValueItemProps;
+exports.typeRules = keyValueItem.typeRules;
+//# sourceMappingURL=index.js.map

package/lib/packages/components/key-value/src/config/index.js.map

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

package/lib/packages/components/key-value/src/config/key-value-item.js

@@ -0,0 +1,60 @@
+'use strict';
+
+require('../../../../utils/index.js');
+var runtime = require('../../../../utils/props/runtime.js');
+
+"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 = runtime.buildProps({
+  value: {
+    type: runtime.definePropType(Object),
+    default: () => ({
+      key: "",
+      value: ""
+    })
+  },
+  keyValueTypeDict: {
+    type: Object,
+    default: () => ({})
+  },
+  showDelete: {
+    type: Boolean,
+    default: true
+  }
+});
+const keyValueItemEmits = {
+  delete: () => true,
+  change: () => true,
+  "update:value": (value) => !!value
+};
+
+exports.formColumns = formColumns;
+exports.formOptions = formOptions;
+exports.keyValueItemEmits = keyValueItemEmits;
+exports.keyValueItemProps = keyValueItemProps;
+exports.typeRules = typeRules;
+//# sourceMappingURL=key-value-item.js.map

package/lib/packages/components/key-value/src/config/key-value-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-value-item.js","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":["buildProps","definePropType"],"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,oBAAoBA,kBAAW,CAAA;AAAA,EAC1C,KAAO,EAAA;AAAA,IACL,IAAA,EAAMC,uBAA6B,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/lib/packages/components/key-value/src/config/key-value.js

@@ -0,0 +1,67 @@
+'use strict';
+
+require('../../../../utils/index.js');
+var runtime = require('../../../../utils/props/runtime.js');
+
+"use strict";
+const getKeyValueItem = () => ({
+  key: "",
+  value: ""
+});
+const keyValueProps = runtime.buildProps({
+  value: {
+    type: runtime.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: runtime.definePropType(String),
+    default: "doubt"
+  },
+  keyType: {
+    type: runtime.definePropType(Object),
+    default: () => ({
+      type: "input",
+      placeholder: "\u8BF7\u8F93\u5165key"
+    })
+  },
+  keyTypes: {
+    type: runtime.definePropType(Array),
+    default: () => []
+  },
+  valueType: {
+    type: runtime.definePropType(Object),
+    default: () => ({
+      type: "input",
+      placeholder: "\u8BF7\u8F93\u5165key"
+    })
+  }
+});
+const keyValueEmits = {
+  change: (value) => !!value,
+  "update:value": (value) => !!value
+};
+
+exports.getKeyValueItem = getKeyValueItem;
+exports.keyValueEmits = keyValueEmits;
+exports.keyValueProps = keyValueProps;
+//# sourceMappingURL=key-value.js.map