npm - ll-plus - Versions diffs - 2.7.21 → 2.7.23 - Mend

ll-plus 2.7.21 → 2.7.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

package/es/components/dropdown-button-simple/index.d.ts CHANGED Viewed

@@ -1344,7 +1344,7 @@ export declare const LlDropdownButtonSimple: import("ll-plus/es/utils").SFCWithI
         readonly onClickItem?: ((item: import("./src/dropdown-button-simple").DropdownItemProps) => any) | undefined;
     } & {}>;
     emits: (event: "clickItem", item: import("./src/dropdown-button-simple").DropdownItemProps) => void;
-    open: import("vue").Ref<boolean>;
+    dropdownOpen: import("vue").Ref<boolean>;
     computedButtonProps: import("vue").ComputedRef<{
         label: string;
         position?: string | undefined;
@@ -1368,6 +1368,8 @@ export declare const LlDropdownButtonSimple: import("ll-plus/es/utils").SFCWithI
         block?: boolean | undefined;
     }>;
     handleMenuItemClick: (item: import("./src/dropdown-button-simple").DropdownItemProps) => void;
+    handleDropdownOpenChange: (open: boolean) => void;
+    handleDropdownClick: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     readonly clickItem: (item: import("./src/dropdown-button-simple").DropdownItemProps) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/dropdown-button-simple/src/dropdown-button-simple.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ export interface DropdownItemProps {
     iconProps?: IconProps;
     label?: string;
     disabled?: boolean;
-    key?: string;
+    key?: string | number;
 }
 export declare const defaultButtonProps: {
     label: string;
@@ -54,9 +54,6 @@ export declare const dropdownButtonSimpleProps: {
             default: any;
         };
         danger: {
-            /**
-             * 总体的启禁用
-             */
             type: BooleanConstructor;
             default: any;
         };
@@ -112,9 +109,6 @@ export declare const dropdownButtonSimpleProps: {
             default: any;
         };
         danger: {
-            /**
-             * 总体的启禁用
-             */
             type: BooleanConstructor;
             default: any;
         };
@@ -170,9 +164,6 @@ export declare const dropdownButtonSimpleProps: {
             default: any;
         };
         danger: {
-            /**
-             * 总体的启禁用
-             */
             type: BooleanConstructor;
             default: any;
         };
@@ -228,9 +219,6 @@ export declare const dropdownButtonSimpleProps: {
             default: any;
         };
         danger: {
-            /**
-             * 总体的启禁用
-             */
             type: BooleanConstructor;
             default: any;
         };

package/es/components/dropdown-button-simple/src/dropdown-button-simple.vue.d.ts CHANGED Viewed

@@ -1344,7 +1344,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly onClickItem?: ((item: DropdownItemProps) => any) | undefined;
     } & {}>;
     emits: (event: "clickItem", item: DropdownItemProps) => void;
-    open: import("vue").Ref<boolean>;
+    dropdownOpen: import("vue").Ref<boolean>;
     computedButtonProps: import("vue").ComputedRef<{
         label: string;
         position?: string | undefined;
@@ -1368,6 +1368,8 @@ declare const _default: import("vue").DefineComponent<{
         block?: boolean | undefined;
     }>;
     handleMenuItemClick: (item: DropdownItemProps) => void;
+    handleDropdownOpenChange: (open: boolean) => void;
+    handleDropdownClick: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     readonly clickItem: (item: DropdownItemProps) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/input-number/index.d.ts CHANGED Viewed

@@ -31,7 +31,7 @@ export declare const LlInputNumber: import("ll-plus/es/utils").SFCWithInstall<im
     };
     innerValue: import("vue").Ref<string>;
     inputRef: import("vue").Ref<any>;
-    integerCongfig: import("vue").ComputedRef<import("./src/config").Integer>;
+    integerConfig: import("vue").ComputedRef<import("./src/config").Integer>;
     getBindValue: import("vue").ComputedRef<Partial<import("vue").ExtractPropTypes<{
         size: {
             type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;

package/es/components/input-number/src/input-number.vue.d.ts CHANGED Viewed

@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     innerValue: import("vue").Ref<string>;
     inputRef: import("vue").Ref<any>;
-    integerCongfig: import("vue").ComputedRef<Integer>;
+    integerConfig: import("vue").ComputedRef<Integer>;
     getBindValue: import("vue").ComputedRef<Partial<import("vue").ExtractPropTypes<{
         size: {
             type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;

package/es/components/number-range/index.d.ts CHANGED Viewed

@@ -72,7 +72,7 @@ export declare const LlNumberRange: import("ll-plus/es/utils").SFCWithInstall<im
         };
         innerValue: import("vue").Ref<string>;
         inputRef: import("vue").Ref<any>;
-        integerCongfig: import("vue").ComputedRef<import("../input-number/src/config").Integer>;
+        integerConfig: import("vue").ComputedRef<import("../input-number/src/config").Integer>;
         getBindValue: import("vue").ComputedRef<Partial<import("vue").ExtractPropTypes<{
             size: {
                 type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;

package/es/components/number-range/src/number-range.vue.d.ts CHANGED Viewed

@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         innerValue: import("vue").Ref<string>;
         inputRef: import("vue").Ref<any>;
-        integerCongfig: import("vue").ComputedRef<import("../../input-number/src/config").Integer>;
+        integerConfig: import("vue").ComputedRef<import("../../input-number/src/config").Integer>;
         getBindValue: import("vue").ComputedRef<Partial<import("vue").ExtractPropTypes<{
             size: {
                 type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;

package/es/packages/components/dropdown-button-simple/src/dropdown-button-simple.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-button-simple.mjs","sources":["../../../../../../packages/components/dropdown-button-simple/src/dropdown-button-simple.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type DropdownButtonSimple from './dropdown-button-simple.vue'\nimport type { IconProps, ButtonProps } from '@ll-plus/components'\nimport {\n type ButtonProps as AButtonProps,\n type DropdownProps\n} from 'ant-design-vue'\n\nexport interface DropdownItemProps {\n iconProps?: IconProps\n label?: string\n disabled?: boolean\n key?: string\n}\n\nexport const defaultButtonProps = {\n label: '新增',\n type: 'primary'\n}\n\nexport const dropdownButtonSimpleProps = buildProps({\n /*\n 按钮相关配置\n /\n buttonProps: {\n type: definePropType<ButtonProps & AButtonProps>(Object),\n default: () => ({})\n },\n /\n 按钮Icon配置\n /\n iconProps: {\n type: definePropType<IconProps>(Object),\n default: () => ({\n iconName: 'icon-add',\n color: '#fff'\n })\n },\n /\n 下拉菜单相关配置\n /\n dropDownProps: {\n type: definePropType<DropdownProps>(Object),\n default: () => ({\n trigger: 'click'\n })\n },\n /\n 下拉菜单项\n /\n dropdownItems: {\n type: definePropType<DropdownItemProps[]>(Array),\n default: () => []\n },\n /\n 是否显示展开状态\n /\n showExpandType: {\n type: Boolean,\n default: true\n },\n /\n 总体的启禁用\n */\n disabled: {\n type: Boolean,\n default: false\n }\n} as const)\n\nexport const dropdownButtonSimpleEmits = {\n clickItem: (item: DropdownItemProps) => !!item\n} as const\n\n// props\nexport type DropdownButtonSimpleProps = ExtractPropTypes<\n typeof dropdownButtonSimpleProps\n>\n\n// emits\nexport type DropdownButtonSimpleEmits = typeof dropdownButtonSimpleEmits\n\n// instance\nexport type DropdownButtonSimpleInstance = InstanceType<\n typeof DropdownButtonSimple\n>\n"],"names":[],"mappings":";;;;AAiBO,MAAM,kBAAqB,GAAA;AAAA,EAChC,KAAO,EAAA,cAAA;AAAA,EACP,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,4BAA4B,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIlD,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAA2C,MAAM,CAAA;AAAA,IACvD,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA;AAAA;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA0B,MAAM,CAAA;AAAA,IACtC,SAAS,OAAO;AAAA,MACd,QAAU,EAAA,UAAA;AAAA,MACV,KAAO,EAAA,MAAA;AAAA,KACT,CAAA;AAAA,GACF;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAA8B,MAAM,CAAA;AAAA,IAC1C,SAAS,OAAO;AAAA,MACd,OAAS,EAAA,OAAA;AAAA,KACX,CAAA;AAAA,GACF;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAAoC,KAAK,CAAA;AAAA,IAC/C,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,yBAA4B,GAAA;AAAA,EACvC,SAAW,EAAA,CAAC,IAA4B,KAAA,CAAC,CAAC,IAAA;AAC5C;;;;"}
1	+ {"version":3,"file":"dropdown-button-simple.mjs","sources":["../../../../../../packages/components/dropdown-button-simple/src/dropdown-button-simple.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type DropdownButtonSimple from './dropdown-button-simple.vue'\nimport type { IconProps, ButtonProps } from '@ll-plus/components'\nimport {\n type ButtonProps as AButtonProps,\n type DropdownProps\n} from 'ant-design-vue'\n\nexport interface DropdownItemProps {\n iconProps?: IconProps\n label?: string\n disabled?: boolean\n key?: string \| number\n}\n\nexport const defaultButtonProps = {\n label: '新增',\n type: 'primary'\n}\n\nexport const dropdownButtonSimpleProps = buildProps({\n /*\n 按钮相关配置\n /\n buttonProps: {\n type: definePropType<ButtonProps & AButtonProps>(Object),\n default: () => ({})\n },\n /\n 按钮Icon配置\n /\n iconProps: {\n type: definePropType<IconProps>(Object),\n default: () => ({\n iconName: 'icon-add',\n color: '#fff'\n })\n },\n /\n 下拉菜单相关配置\n /\n dropDownProps: {\n type: definePropType<DropdownProps>(Object),\n default: () => ({\n trigger: 'click'\n })\n },\n /\n 下拉菜单项\n /\n dropdownItems: {\n type: definePropType<DropdownItemProps[]>(Array),\n default: () => []\n },\n /\n 是否显示展开状态\n /\n showExpandType: {\n type: Boolean,\n default: true\n },\n /\n 总体的启禁用\n */\n disabled: {\n type: Boolean,\n default: false\n }\n} as const)\n\nexport const dropdownButtonSimpleEmits = {\n clickItem: (item: DropdownItemProps) => !!item\n} as const\n\n// props\nexport type DropdownButtonSimpleProps = ExtractPropTypes<\n typeof dropdownButtonSimpleProps\n>\n\n// emits\nexport type DropdownButtonSimpleEmits = typeof dropdownButtonSimpleEmits\n\n// instance\nexport type DropdownButtonSimpleInstance = InstanceType<\n typeof DropdownButtonSimple\n>\n"],"names":[],"mappings":";;;;AAiBO,MAAM,kBAAqB,GAAA;AAAA,EAChC,KAAO,EAAA,cAAA;AAAA,EACP,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,4BAA4B,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIlD,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAA2C,MAAM,CAAA;AAAA,IACvD,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA;AAAA;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA0B,MAAM,CAAA;AAAA,IACtC,SAAS,OAAO;AAAA,MACd,QAAU,EAAA,UAAA;AAAA,MACV,KAAO,EAAA,MAAA;AAAA,KACT,CAAA;AAAA,GACF;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAA8B,MAAM,CAAA;AAAA,IAC1C,SAAS,OAAO;AAAA,MACd,OAAS,EAAA,OAAA;AAAA,KACX,CAAA;AAAA,GACF;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAAoC,KAAK,CAAA;AAAA,IAC/C,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,yBAA4B,GAAA;AAAA,EACvC,SAAW,EAAA,CAAC,IAA4B,KAAA,CAAC,CAAC,IAAA;AAC5C;;;;"}

package/es/packages/components/dropdown-button-simple/src/dropdown-button-simple.vue2.mjs CHANGED Viewed

@@ -13,7 +13,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const bem = createNamespace("dropdown-button-simple");
     const props = __props;
     const emits = __emit;
-    const open = ref(false);
+    const dropdownOpen = ref(false);
     const computedButtonProps = computed(() => ({
       ...defaultButtonProps,
       ...props.buttonProps
@@ -21,21 +21,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const handleMenuItemClick = (item) => {
       emits("clickItem", item);
     };
+    const handleDropdownOpenChange = (open) => {
+      dropdownOpen.value = open;
+    };
+    const handleDropdownClick = () => {
+      dropdownOpen.value = false;
+    };
     return (_ctx, _cache) => {
       const _component_ll_icon = resolveComponent("ll-icon");
       const _component_ll_button = resolveComponent("ll-button");
       const _component_a_menu_item = resolveComponent("a-menu-item");
       const _component_a_menu = resolveComponent("a-menu");
       const _component_a_dropdown = resolveComponent("a-dropdown");
-      return openBlock(), createBlock(_component_a_dropdown, mergeProps({
-        open: open.value,
-        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event)
-      }, _ctx.dropDownProps, {
+      return openBlock(), createBlock(_component_a_dropdown, mergeProps({ open: dropdownOpen.value }, _ctx.dropDownProps, {
         disabled: _ctx.disabled,
-        class: unref(bem).b()
+        class: unref(bem).b(),
+        onOpenChange: handleDropdownOpenChange
       }), {
         overlay: withCtx(() => [
-          createVNode(_component_a_menu, null, {
+          createVNode(_component_a_menu, { onClick: handleDropdownClick }, {
             default: withCtx(() => [
               (openBlock(true), createElementBlock(
                 Fragment,
@@ -116,7 +120,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   _ctx.showExpandType ? (openBlock(), createBlock(_component_ll_icon, {
                     key: 0,
                     class: normalizeClass(unref(bem).m("icon-right")),
-                    "icon-name": !open.value ? "icon-line-arrow-down" : "icon-line-arrow-folding"
+                    "icon-name": !dropdownOpen.value ? "icon-line-arrow-down" : "icon-line-arrow-folding"
                   }, null, 8, ["class", "icon-name"])) : createCommentVNode("v-if", true)
                 ],
                 2

package/es/packages/components/dropdown-button-simple/src/dropdown-button-simple.vue2.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-button-simple.vue2.mjs","sources":["../../../../../../packages/components/dropdown-button-simple/src/dropdown-button-simple.vue"],"sourcesContent":["<template>\n <a-dropdown\n ~~v-model~~:open=\"~~open~~\"\n v-bind=\"dropDownProps\"\n :disabled=\"disabled\"\n :class=\"bem.b()\"\n >\n <ll-button v-bind=\"computedButtonProps\" :disabled=\"disabled\">\n <div :class=\"bem.m('icon-box')\">\n <slot name=\"icon\">\n <ll-icon v-bind=\"iconProps\" />\n </slot>\n <span>{{ buttonProps?.label ?? '新增' }}</span>\n <ll-icon\n v-if=\"showExpandType\"\n :class=\"bem.m('icon-right')\"\n :icon-name=\"\n !~~open~~ ? 'icon-line-arrow-down' : 'icon-line-arrow-folding'\n \"\n />\n </div>\n </ll-button>\n <template #overlay>\n <a-menu>\n <a-menu-item\n v-for=\"(item, index) in dropdownItems\"\n :key=\"item?.key ?? index\"\n @click.stop=\"handleMenuItemClick(item)\"\n >\n <slot name=\"menuItem\" v-bind=\"item\">\n <div :class=\"bem.m('icon-box')\">\n <ll-icon v-if=\"item.iconProps\" v-bind=\"item.iconProps\" />\n <span>{{ item ? item.label : '-' }}</span>\n </div>\n </slot>\n </a-menu-item>\n </a-menu>\n </template>\n </a-dropdown>\n</template>\n\n<script setup lang=\"ts\">\n// Import\nimport { ref, computed } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n dropdownButtonSimpleProps,\n defaultButtonProps,\n dropdownButtonSimpleEmits,\n type DropdownItemProps\n} from './dropdown-button-simple'\n// Default\ndefineOptions({ name: 'LlDropdownButtonSimple' })\nconst bem = createNamespace('dropdown-button-simple')\nconst props = defineProps(dropdownButtonSimpleProps)\nconst emits = defineEmits(dropdownButtonSimpleEmits)\n\n// Data\nconst ~~open~~ = ref<boolean>(false)\n\nconst computedButtonProps = computed(() => ({\n ...defaultButtonProps,\n ...props.buttonProps\n}))\n// Methods\nconst handleMenuItemClick = (item: DropdownItemProps): void => {\n emits('clickItem', item)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;~~AAqDA~~,IAAM,MAAA,GAAA,GAAM,gBAAgB,wBAAwB,CAAA,CAAA;AACpD,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,~~IAAA~~,~~GAAO~~,IAAa,KAAK,CAAA,CAAA;~~AAE/B~~,IAAM,MAAA,mBAAA,GAAsB,SAAS,OAAO;AAAA,MAC1C,GAAG,kBAAA;AAAA,MACH,GAAG,KAAM,CAAA,WAAA;AAAA,KACT,CAAA,CAAA,CAAA;AAEF,IAAM,MAAA,mBAAA,GAAsB,CAAC,IAAkC,KAAA;AAC7D,MAAA,KAAA,CAAM,aAAa,IAAI,CAAA,CAAA;AAAA,KACzB,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"dropdown-button-simple.vue2.mjs","sources":["../../../../../../packages/components/dropdown-button-simple/src/dropdown-button-simple.vue"],"sourcesContent":["<template>\n <a-dropdown\n :open=\"dropdownOpen\"\n v-bind=\"dropDownProps\"\n :disabled=\"disabled\"\n :class=\"bem.b()\"\n @open-change=\"handleDropdownOpenChange\"\n >\n <ll-button v-bind=\"computedButtonProps\" :disabled=\"disabled\">\n <div :class=\"bem.m('icon-box')\">\n <slot name=\"icon\">\n <ll-icon v-bind=\"iconProps\" />\n </slot>\n <span>{{ buttonProps?.label ?? '新增' }}</span>\n <ll-icon\n v-if=\"showExpandType\"\n :class=\"bem.m('icon-right')\"\n :icon-name=\"\n !dropdownOpen ? 'icon-line-arrow-down' : 'icon-line-arrow-folding'\n \"\n />\n </div>\n </ll-button>\n <template #overlay>\n <a-menu @click=\"handleDropdownClick\">\n <a-menu-item\n v-for=\"(item, index) in dropdownItems\"\n :key=\"item?.key ?? index\"\n @click.stop=\"handleMenuItemClick(item)\"\n >\n <slot name=\"menuItem\" v-bind=\"item\">\n <div :class=\"bem.m('icon-box')\">\n <ll-icon v-if=\"item.iconProps\" v-bind=\"item.iconProps\" />\n <span>{{ item ? item.label : '-' }}</span>\n </div>\n </slot>\n </a-menu-item>\n </a-menu>\n </template>\n </a-dropdown>\n</template>\n\n<script setup lang=\"ts\">\n// Import\nimport { ref, computed } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n dropdownButtonSimpleProps,\n defaultButtonProps,\n dropdownButtonSimpleEmits,\n type DropdownItemProps\n} from './dropdown-button-simple'\n// Default\ndefineOptions({ name: 'LlDropdownButtonSimple' })\nconst bem = createNamespace('dropdown-button-simple')\nconst props = defineProps(dropdownButtonSimpleProps)\nconst emits = defineEmits(dropdownButtonSimpleEmits)\n\n// Data\nconst dropdownOpen = ref<boolean>(false)\n\nconst computedButtonProps = computed(() => ({\n ...defaultButtonProps,\n ...props.buttonProps\n}))\n// Methods\nconst handleMenuItemClick = (item: DropdownItemProps): void => {\n emits('clickItem', item)\n}\nconst handleDropdownOpenChange = (open: boolean) => {\n dropdownOpen.value = open\n}\nconst handleDropdownClick = () => {\n dropdownOpen.value = false\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAsDA,IAAM,MAAA,GAAA,GAAM,gBAAgB,wBAAwB,CAAA,CAAA;AACpD,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,YAAA,GAAe,IAAa,KAAK,CAAA,CAAA;AAEvC,IAAM,MAAA,mBAAA,GAAsB,SAAS,OAAO;AAAA,MAC1C,GAAG,kBAAA;AAAA,MACH,GAAG,KAAM,CAAA,WAAA;AAAA,KACT,CAAA,CAAA,CAAA;AAEF,IAAM,MAAA,mBAAA,GAAsB,CAAC,IAAkC,KAAA;AAC7D,MAAA,KAAA,CAAM,aAAa,IAAI,CAAA,CAAA;AAAA,KACzB,CAAA;AACA,IAAM,MAAA,wBAAA,GAA2B,CAAC,IAAkB,KAAA;AAClD,MAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AAAA,KACvB,CAAA;AACA,IAAA,MAAM,sBAAsB,MAAM;AAChC,MAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AAAA,KACvB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/input-number/src/input-number.vue2.mjs CHANGED Viewed

@@ -24,7 +24,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const innerValue = ref("");
     const inputRef = ref();
-    const integerCongfig = computed(() => {
+    const integerConfig = computed(() => {
       let obj = {};
       if (props.integer) {
         obj = integerDict[props.integer];
@@ -34,7 +34,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const getBindValue = computed(() => {
       const bindValue = {
         ...attrs,
-        ...integerCongfig.value
+        ...integerConfig.value
       };
       if (props.thousands) {
         bindValue.formatter = (value) => thousandsFormat(value);

package/es/packages/components/input-number/src/input-number.vue2.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input-number.vue2.mjs","sources":["../../../../../../packages/components/input-number/src/input-number.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <div v-if=\"!detailed\" :class=\"bem.e('container')\">\n <InputNumber\n ref=\"inputRef\"\n v-model:value=\"innerValue\"\n v-bind=\"getBindValue\"\n @change=\"onChange\"\n >\n <template v-for=\"item in Object.keys($slots)\" #[item]=\"data\">\n <slot :name=\"item\" v-bind=\"data \|\| {}\"></slot>\n </template>\n <template v-if=\"getBindValue.unit\" #addonAfter>\n <div :class=\"bem.e('unit')\">\n {{ getBindValue.unit }}\n </div>\n </template>\n </InputNumber>\n </div>\n\n <p\n v-if=\"detailed\"\n :class=\"bem.e('detailed')\"\n :title=\"thousands ? thousandsFormat(innerValue) : innerValue\"\n >\n <span v-if=\"$attrs.addonBefore\">{{ $attrs.addonBefore }}</span>\n {{ thousands ? thousandsFormat(innerValue) : innerValue }}\n <span v-if=\"$attrs.addonAfter\">{{ $attrs.addonAfter }}</span>\n </p>\n <p\n v-if=\"isAmountChinese && getChineseName\"\n :class=\"bem.e('amount-chinese-name')\"\n >\n {{ getChineseName }}\n </p>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch, useAttrs } from 'vue'\nimport { InputNumber } from 'ant-design-vue'\nimport { isNil } from 'lodash-es'\nimport {\n getAmountChinese,\n thousandsFormat,\n createNamespace\n} from '@ll-plus/utils'\nimport { inputNumberProps, inputNumberEmits } from './input-number'\nimport { integerDict, type Integer } from './config'\nimport type { InputNumberProps } from 'ant-design-vue'\ndefineOptions({ name: 'LlInputNumber' })\nconst props = defineProps(inputNumberProps)\nconst emit = defineEmits(inputNumberEmits)\nconst bem = createNamespace('input-number')\nconst attrs = useAttrs()\nconst innerValue = ref('')\nconst inputRef = ref()\nconst ~~integerCongfig~~ = computed(() => {\n let obj = {} as Integer\n if (props.integer) {\n obj = integerDict[props.integer]\n }\n return obj\n})\n\nconst getBindValue = computed(() => {\n const bindValue = {\n ...attrs,\n ...~~integerCongfig~~.value\n } as InputNumberProps & { unit: string }\n if (props.thousands) {\n bindValue.formatter = (value: string \| number) => thousandsFormat(value)\n bindValue.parser = (value: string) => value.replace(/\\$\\s?\|(,*)/g, '')\n }\n return bindValue\n})\n\nconst getChineseName = computed(() => {\n let str = ''\n str =\n !props.isAmountChinese \|\| isNil(innerValue.value)\n ? ''\n : getAmountChinese(Number(innerValue.value))\n return str\n})\n\nwatch(\n () => props.value,\n val => {\n setValue(val)\n },\n { immediate: true }\n)\n\nfunction setValue(value) {\n innerValue.value = isNil(value) \|\| isNaN(value) ? null : value\n // (!value && value !== 0) \|\| isNaN(value) ? null : Number(value)\n}\nfunction onChange(value) {\n emit('update:value', value)\n emit('change', value)\n}\n\nconst focus = () => {\n inputRef.value.focus()\n}\n\ndefineExpose({ focus })\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAmDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAC1C,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAM,MAAA,UAAA,GAAa,IAAI,EAAE,CAAA,CAAA;AACzB,IAAA,MAAM,WAAW,GAAI,EAAA,CAAA;AACrB,IAAM,MAAA,~~cAAA~~,~~GAAiB~~,SAAS,MAAM;~~AACpC~~,MAAA,IAAI,MAAM,EAAC,CAAA;AACX,MAAA,IAAI,MAAM,OAAS,EAAA;AACjB,QAAM,GAAA,GAAA,WAAA,CAAY,MAAM,OAAO,CAAA,CAAA;AAAA,OACjC;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,SAAY,GAAA;AAAA,QAChB,GAAG,KAAA;AAAA,QACH,GAAG,~~cAAe~~,CAAA,KAAA;AAAA,~~OACpB~~,CAAA;AACA,MAAA,IAAI,MAAM,SAAW,EAAA;AACnB,QAAA,SAAA,CAAU,SAAY,GAAA,CAAC,KAA2B,KAAA,eAAA,CAAgB,KAAK,CAAA,CAAA;AACvE,QAAA,SAAA,CAAU,SAAS,CAAC,KAAA,KAAkB,KAAM,CAAA,OAAA,CAAQ,eAAe,EAAE,CAAA,CAAA;AAAA,OACvE;AACA,MAAO,OAAA,SAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,cAAA,GAAiB,SAAS,MAAM;AACpC,MAAA,IAAI,GAAM,GAAA,EAAA,CAAA;AACV,MAAA,GAAA,GACE,CAAC,KAAA,CAAM,eAAmB,IAAA,KAAA,CAAM,UAAW,CAAA,KAAK,CAC5C,GAAA,EAAA,GACA,gBAAiB,CAAA,MAAA,CAAO,UAAW,CAAA,KAAK,CAAC,CAAA,CAAA;AAC/C,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,QAAA,CAAS,GAAG,CAAA,CAAA;AAAA,OACd;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;AAEA,IAAA,SAAS,SAAS,KAAO,EAAA;AACvB,MAAA,UAAA,CAAW,QAAQ,KAAM,CAAA,KAAK,KAAK,KAAM,CAAA,KAAK,IAAI,IAAO,GAAA,KAAA,CAAA;AAAA,KAE3D;AACA,IAAA,SAAS,SAAS,KAAO,EAAA;AACvB,MAAA,IAAA,CAAK,gBAAgB,KAAK,CAAA,CAAA;AAC1B,MAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAAA,KACtB;AAEA,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,QAAA,CAAS,MAAM,KAAM,EAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAa,QAAA,CAAA,EAAE,OAAO,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"input-number.vue2.mjs","sources":["../../../../../../packages/components/input-number/src/input-number.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <div v-if=\"!detailed\" :class=\"bem.e('container')\">\n <InputNumber\n ref=\"inputRef\"\n v-model:value=\"innerValue\"\n v-bind=\"getBindValue\"\n @change=\"onChange\"\n >\n <template v-for=\"item in Object.keys($slots)\" #[item]=\"data\">\n <slot :name=\"item\" v-bind=\"data \|\| {}\"></slot>\n </template>\n <template v-if=\"getBindValue.unit\" #addonAfter>\n <div :class=\"bem.e('unit')\">\n {{ getBindValue.unit }}\n </div>\n </template>\n </InputNumber>\n </div>\n\n <p\n v-if=\"detailed\"\n :class=\"bem.e('detailed')\"\n :title=\"thousands ? thousandsFormat(innerValue) : innerValue\"\n >\n <span v-if=\"$attrs.addonBefore\">{{ $attrs.addonBefore }}</span>\n {{ thousands ? thousandsFormat(innerValue) : innerValue }}\n <span v-if=\"$attrs.addonAfter\">{{ $attrs.addonAfter }}</span>\n </p>\n <p\n v-if=\"isAmountChinese && getChineseName\"\n :class=\"bem.e('amount-chinese-name')\"\n >\n {{ getChineseName }}\n </p>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch, useAttrs } from 'vue'\nimport { InputNumber } from 'ant-design-vue'\nimport { isNil } from 'lodash-es'\nimport {\n getAmountChinese,\n thousandsFormat,\n createNamespace\n} from '@ll-plus/utils'\nimport { inputNumberProps, inputNumberEmits } from './input-number'\nimport { integerDict, type Integer } from './config'\nimport type { InputNumberProps } from 'ant-design-vue'\ndefineOptions({ name: 'LlInputNumber' })\nconst props = defineProps(inputNumberProps)\nconst emit = defineEmits(inputNumberEmits)\nconst bem = createNamespace('input-number')\nconst attrs = useAttrs()\nconst innerValue = ref('')\nconst inputRef = ref()\nconst integerConfig = computed(() => {\n let obj = {} as Integer\n if (props.integer) {\n obj = integerDict[props.integer]\n }\n return obj\n})\n\nconst getBindValue = computed(() => {\n const bindValue = {\n ...attrs,\n ...integerConfig.value\n } as InputNumberProps & { unit: string }\n if (props.thousands) {\n bindValue.formatter = (value: string \| number) => thousandsFormat(value)\n bindValue.parser = (value: string) => value.replace(/\\$\\s?\|(,*)/g, '')\n }\n return bindValue\n})\n\nconst getChineseName = computed(() => {\n let str = ''\n str =\n !props.isAmountChinese \|\| isNil(innerValue.value)\n ? ''\n : getAmountChinese(Number(innerValue.value))\n return str\n})\n\nwatch(\n () => props.value,\n val => {\n setValue(val)\n },\n { immediate: true }\n)\n\nfunction setValue(value) {\n innerValue.value = isNil(value) \|\| isNaN(value) ? null : value\n // (!value && value !== 0) \|\| isNaN(value) ? null : Number(value)\n}\nfunction onChange(value) {\n emit('update:value', value)\n emit('change', value)\n}\n\nconst focus = () => {\n inputRef.value.focus()\n}\n\ndefineExpose({ focus })\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAmDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAC1C,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAM,MAAA,UAAA,GAAa,IAAI,EAAE,CAAA,CAAA;AACzB,IAAA,MAAM,WAAW,GAAI,EAAA,CAAA;AACrB,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAA,IAAI,MAAM,EAAC,CAAA;AACX,MAAA,IAAI,MAAM,OAAS,EAAA;AACjB,QAAM,GAAA,GAAA,WAAA,CAAY,MAAM,OAAO,CAAA,CAAA;AAAA,OACjC;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,SAAY,GAAA;AAAA,QAChB,GAAG,KAAA;AAAA,QACH,GAAG,aAAc,CAAA,KAAA;AAAA,OACnB,CAAA;AACA,MAAA,IAAI,MAAM,SAAW,EAAA;AACnB,QAAA,SAAA,CAAU,SAAY,GAAA,CAAC,KAA2B,KAAA,eAAA,CAAgB,KAAK,CAAA,CAAA;AACvE,QAAA,SAAA,CAAU,SAAS,CAAC,KAAA,KAAkB,KAAM,CAAA,OAAA,CAAQ,eAAe,EAAE,CAAA,CAAA;AAAA,OACvE;AACA,MAAO,OAAA,SAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,cAAA,GAAiB,SAAS,MAAM;AACpC,MAAA,IAAI,GAAM,GAAA,EAAA,CAAA;AACV,MAAA,GAAA,GACE,CAAC,KAAA,CAAM,eAAmB,IAAA,KAAA,CAAM,UAAW,CAAA,KAAK,CAC5C,GAAA,EAAA,GACA,gBAAiB,CAAA,MAAA,CAAO,UAAW,CAAA,KAAK,CAAC,CAAA,CAAA;AAC/C,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,QAAA,CAAS,GAAG,CAAA,CAAA;AAAA,OACd;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;AAEA,IAAA,SAAS,SAAS,KAAO,EAAA;AACvB,MAAA,UAAA,CAAW,QAAQ,KAAM,CAAA,KAAK,KAAK,KAAM,CAAA,KAAK,IAAI,IAAO,GAAA,KAAA,CAAA;AAAA,KAE3D;AACA,IAAA,SAAS,SAAS,KAAO,EAAA;AACvB,MAAA,IAAA,CAAK,gBAAgB,KAAK,CAAA,CAAA;AAC1B,MAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAAA,KACtB;AAEA,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,QAAA,CAAS,MAAM,KAAM,EAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAa,QAAA,CAAA,EAAE,OAAO,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/operate-tree/src/operate-tree.vue2.mjs CHANGED Viewed

@@ -14,6 +14,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const attrs = useAttrs();
+    console.log({ attrs });
     const newExpandedKeys = ref([]);
     const hoverTreeNodeItem = ref();
     const bem = createNamespace("operate-tree");
@@ -35,7 +36,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }
       },
       {
-        deep: true
+        deep: true,
+        immediate: true
       }
     );
     return (_ctx, _cache) => {

package/es/packages/components/operate-tree/src/operate-tree.vue2.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"operate-tree.vue2.mjs","sources":["../../../../../../packages/components/operate-tree/src/operate-tree.vue"],"sourcesContent":["<template>\n <a-spin :spinning=\"loading\">\n <div :class=\"bem.b()\">\n <!-- 目录tree -->\n <a-directory-tree\n v-if=\"treeData?.length\"\n v-bind=\"attrs\"\n :block-node=\"true\"\n multiple\n :tree-data=\"treeData\"\n :expanded-keys=\"newExpandedKeys\"\n :field-names=\"fieldNames\"\n @expand=\"expand\"\n @select=\"select\"\n @mouseenter=\"handleMouseenter\"\n >\n <!-- switcher-icon-slots -->\n <template #switcherIcon=\"slots\">\n <slot name=\"switcherIcon\" v-bind=\"slots\">\n <caret-right-outlined v-if=\"!slots.expanded\" />\n <caret-down-outlined v-else />\n </slot>\n </template>\n <template #title=\"slots\">\n <div :class=\"bem.e('title')\">\n <div>\n <!-- icon-slots -->\n <div v-if=\"$slots.icon\" :class=\"bem.e('icon')\">\n <slot name=\"icon\" v-bind=\"slots\" />\n </div>\n <!-- title-slots -->\n <slot name=\"treeTitle\" v-bind=\"slots\">\n <span>\n {{ slots[fieldNames!['title']!] }}\n </span>\n </slot>\n </div>\n <!-- operate-slots -->\n <div\n :class=\"`${bem.e('operate')} ${\n props.operateDropdownOpen &&\n hoverTreeNodeItem[fieldNames!['key']!] ===\n slots[fieldNames!['key']!]\n ? bem.is('open')\n : bem.is('close')\n }`\"\n >\n <slot name=\"treeOperate\" :data=\"slots\"></slot>\n </div>\n </div>\n </template>\n </a-directory-tree>\n <template v-else>\n <!-- empty-slots -->\n <slot name=\"empty\">\n <ll-empty>\n <template #content>暂无数据</template>\n </ll-empty>\n </slot>\n </template>\n </div>\n </a-spin>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { operateTreeProps, operateTreeEmits } from './operate-tree'\n\nimport { CaretRightOutlined, CaretDownOutlined } from '@ant-design/icons-vue'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlOperateTree' })\n\n// 2.props/emits\nconst props = defineProps(operateTreeProps)\nconst emits = defineEmits(operateTreeEmits)\n\n// 3.hooks\nconst attrs = useAttrs()\n\n// 4.ref\nconst newExpandedKeys = ref<string[]>([])\nconst hoverTreeNodeItem = ref() // 鼠标移的node的数据\nconst bem = createNamespace('operate-tree')\n\nconst handleMouseenter = ({ node }) => {\n hoverTreeNodeItem.value = node\n}\n// 5.methods\n// tree的展开事件\nconst expand = (expandedKeys: string[], data: any) => {\n newExpandedKeys.value = expandedKeys\n emits('expand', expandedKeys, data)\n}\n// tree点击树节点触发\nconst select = (selectedKeys: string[], e: Event) => {\n emits('select', selectedKeys, e)\n}\n\n// 6.watch\n// 如果有数据并且输入框有内容则展开\nwatch(\n () => props.expandedKeys,\n keys => {\n if (keys) {\n newExpandedKeys.value = keys as string[]\n }\n },\n {\n deep: true\n }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA2EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;~~AAGvB~~,IAAM,MAAA,eAAA,GAAkB,GAAc,CAAA,EAAE,CAAA,CAAA;AACxC,IAAA,MAAM,oBAAoB,GAAI,EAAA,CAAA;AAC9B,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAE1C,IAAA,MAAM,gBAAmB,GAAA,CAAC,EAAE,IAAA,EAAW,KAAA;AACrC,MAAA,iBAAA,CAAkB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC5B,CAAA;AAGA,IAAM,MAAA,MAAA,GAAS,CAAC,YAAA,EAAwB,IAAc,KAAA;AACpD,MAAA,eAAA,CAAgB,KAAQ,GAAA,YAAA,CAAA;AACxB,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,IAAI,CAAA,CAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,MAAA,GAAS,CAAC,YAAA,EAAwB,CAAa,KAAA;AACnD,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,CAAC,CAAA,CAAA;AAAA,KACjC,CAAA;AAIA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,YAAA;AAAA,MACZ,CAAQ,IAAA,KAAA;AACN,QAAA,IAAI,IAAM,EAAA;AACR,UAAA,eAAA,CAAgB,KAAQ,GAAA,IAAA,CAAA;AAAA,SAC1B;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,~~OACR~~;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"operate-tree.vue2.mjs","sources":["../../../../../../packages/components/operate-tree/src/operate-tree.vue"],"sourcesContent":["<template>\n <a-spin :spinning=\"loading\">\n <div :class=\"bem.b()\">\n <!-- 目录tree -->\n <a-directory-tree\n v-if=\"treeData?.length\"\n v-bind=\"attrs\"\n :block-node=\"true\"\n multiple\n :tree-data=\"treeData\"\n :expanded-keys=\"newExpandedKeys\"\n :field-names=\"fieldNames\"\n @expand=\"expand\"\n @select=\"select\"\n @mouseenter=\"handleMouseenter\"\n >\n <!-- switcher-icon-slots -->\n <template #switcherIcon=\"slots\">\n <slot name=\"switcherIcon\" v-bind=\"slots\">\n <caret-right-outlined v-if=\"!slots.expanded\" />\n <caret-down-outlined v-else />\n </slot>\n </template>\n <template #title=\"slots\">\n <div :class=\"bem.e('title')\">\n <div>\n <!-- icon-slots -->\n <div v-if=\"$slots.icon\" :class=\"bem.e('icon')\">\n <slot name=\"icon\" v-bind=\"slots\" />\n </div>\n <!-- title-slots -->\n <slot name=\"treeTitle\" v-bind=\"slots\">\n <span>\n {{ slots[fieldNames!['title']!] }}\n </span>\n </slot>\n </div>\n <!-- operate-slots -->\n <div\n :class=\"`${bem.e('operate')} ${\n props.operateDropdownOpen &&\n hoverTreeNodeItem[fieldNames!['key']!] ===\n slots[fieldNames!['key']!]\n ? bem.is('open')\n : bem.is('close')\n }`\"\n >\n <slot name=\"treeOperate\" :data=\"slots\"></slot>\n </div>\n </div>\n </template>\n </a-directory-tree>\n <template v-else>\n <!-- empty-slots -->\n <slot name=\"empty\">\n <ll-empty>\n <template #content>暂无数据</template>\n </ll-empty>\n </slot>\n </template>\n </div>\n </a-spin>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { operateTreeProps, operateTreeEmits } from './operate-tree'\n\nimport { CaretRightOutlined, CaretDownOutlined } from '@ant-design/icons-vue'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlOperateTree' })\n\n// 2.props/emits\nconst props = defineProps(operateTreeProps)\nconst emits = defineEmits(operateTreeEmits)\n\n// 3.hooks\nconst attrs = useAttrs()\n\nconsole.log({ attrs })\n\n// 4.ref\nconst newExpandedKeys = ref<string[]>([])\nconst hoverTreeNodeItem = ref() // 鼠标移的node的数据\nconst bem = createNamespace('operate-tree')\n\nconst handleMouseenter = ({ node }) => {\n hoverTreeNodeItem.value = node\n}\n// 5.methods\n// tree的展开事件\nconst expand = (expandedKeys: string[], data: any) => {\n newExpandedKeys.value = expandedKeys\n emits('expand', expandedKeys, data)\n}\n// tree点击树节点触发\nconst select = (selectedKeys: string[], e: Event) => {\n emits('select', selectedKeys, e)\n}\n\n// 6.watch\n// 如果有数据并且输入框有内容则展开\nwatch(\n () => props.expandedKeys,\n keys => {\n if (keys) {\n newExpandedKeys.value = keys as string[]\n }\n },\n {\n deep: true,\n immediate: true\n }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA2EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAQ,OAAA,CAAA,GAAA,CAAI,EAAE,KAAA,EAAO,CAAA,CAAA;AAGrB,IAAM,MAAA,eAAA,GAAkB,GAAc,CAAA,EAAE,CAAA,CAAA;AACxC,IAAA,MAAM,oBAAoB,GAAI,EAAA,CAAA;AAC9B,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAE1C,IAAA,MAAM,gBAAmB,GAAA,CAAC,EAAE,IAAA,EAAW,KAAA;AACrC,MAAA,iBAAA,CAAkB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC5B,CAAA;AAGA,IAAM,MAAA,MAAA,GAAS,CAAC,YAAA,EAAwB,IAAc,KAAA;AACpD,MAAA,eAAA,CAAgB,KAAQ,GAAA,YAAA,CAAA;AACxB,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,IAAI,CAAA,CAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,MAAA,GAAS,CAAC,YAAA,EAAwB,CAAa,KAAA;AACnD,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,CAAC,CAAA,CAAA;AAAA,KACjC,CAAA;AAIA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,YAAA;AAAA,MACZ,CAAQ,IAAA,KAAA;AACN,QAAA,IAAI,IAAM,EAAA;AACR,UAAA,eAAA,CAAgB,KAAQ,GAAA,IAAA,CAAA;AAAA,SAC1B;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/utils/props/runtime.d.ts CHANGED Viewed

@@ -27,6 +27,6 @@ export declare const buildProp: <Type = never, Value = never, Validator = never,
 export type TestProps = Record<string, {
     [epPropKey]: true;
 } | NativePropType | EpPropInput<any, any, any, any, any>>;
-export declare const buildProps: <Props extends Record<string, NativePropType | EpPropInput<any, any, any, any, any> | {
+export declare const buildProps: <Props extends Record<string, {
     __epPropKey: true;
-}>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };
+} | NativePropType | EpPropInput<any, any, any, any, any>>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };

package/index.full.js CHANGED Viewed

@@ -52995,7 +52995,7 @@
       const bem = createNamespace("dropdown-button-simple");
       const props = __props;
       const emits = __emit;
-      const open = require$$0.ref(false);
+      const dropdownOpen = require$$0.ref(false);
       const computedButtonProps = require$$0.computed(() => ({
         ...defaultButtonProps,
         ...props.buttonProps
@@ -53003,21 +53003,25 @@
       const handleMenuItemClick = (item) => {
         emits("clickItem", item);
       };
+      const handleDropdownOpenChange = (open) => {
+        dropdownOpen.value = open;
+      };
+      const handleDropdownClick = () => {
+        dropdownOpen.value = false;
+      };
       return (_ctx, _cache) => {
         const _component_ll_icon = require$$0.resolveComponent("ll-icon");
         const _component_ll_button = require$$0.resolveComponent("ll-button");
         const _component_a_menu_item = require$$0.resolveComponent("a-menu-item");
         const _component_a_menu = require$$0.resolveComponent("a-menu");
         const _component_a_dropdown = require$$0.resolveComponent("a-dropdown");
-        return require$$0.openBlock(), require$$0.createBlock(_component_a_dropdown, require$$0.mergeProps({
-          open: open.value,
-          "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event)
-        }, _ctx.dropDownProps, {
+        return require$$0.openBlock(), require$$0.createBlock(_component_a_dropdown, require$$0.mergeProps({ open: dropdownOpen.value }, _ctx.dropDownProps, {
           disabled: _ctx.disabled,
-          class: require$$0.unref(bem).b()
+          class: require$$0.unref(bem).b(),
+          onOpenChange: handleDropdownOpenChange
         }), {
           overlay: require$$0.withCtx(() => [
-            require$$0.createVNode(_component_a_menu, null, {
+            require$$0.createVNode(_component_a_menu, { onClick: handleDropdownClick }, {
               default: require$$0.withCtx(() => [
                 (require$$0.openBlock(true), require$$0.createElementBlock(
                   require$$0.Fragment,
@@ -53098,7 +53102,7 @@
                     _ctx.showExpandType ? (require$$0.openBlock(), require$$0.createBlock(_component_ll_icon, {
                       key: 0,
                       class: require$$0.normalizeClass(require$$0.unref(bem).m("icon-right")),
-                      "icon-name": !open.value ? "icon-line-arrow-down" : "icon-line-arrow-folding"
+                      "icon-name": !dropdownOpen.value ? "icon-line-arrow-down" : "icon-line-arrow-folding"
                     }, null, 8, ["class", "icon-name"])) : require$$0.createCommentVNode("v-if", true)
                   ],
                   2
@@ -70214,7 +70218,7 @@
       const attrs = require$$0.useAttrs();
       const innerValue = require$$0.ref("");
       const inputRef = require$$0.ref();
-      const integerCongfig = require$$0.computed(() => {
+      const integerConfig = require$$0.computed(() => {
         let obj = {};
         if (props.integer) {
           obj = integerDict[props.integer];
@@ -70224,7 +70228,7 @@
       const getBindValue = require$$0.computed(() => {
         const bindValue = {
           ...attrs,
-          ...integerCongfig.value
+          ...integerConfig.value
         };
         if (props.thousands) {
           bindValue.formatter = (value) => thousandsFormat(value);
@@ -74468,6 +74472,7 @@
       const props = __props;
       const emits = __emit;
       const attrs = require$$0.useAttrs();
+      console.log({ attrs });
       const newExpandedKeys = require$$0.ref([]);
       const hoverTreeNodeItem = require$$0.ref();
       const bem = createNamespace("operate-tree");
@@ -74489,7 +74494,8 @@
           }
         },
         {
-          deep: true
+          deep: true,
+          immediate: true
         }
       );
       return (_ctx, _cache) => {