@rdeam/qui 2.0.0

package/es/components/table-editor/src/table-editor.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-editor.vue.mjs","names":[],"sources":["../../../../../../packages/components/table-editor/src/table-editor.vue"],"sourcesContent":["<template>\n  <ElTable class=\"hd-table-editor\">\n    <ElTableColumn\n      v-for=\"item in columns\"\n      :prop=\"item.prop\"\n      :label=\"item.label\"\n      :width=\"item.width || ''\"\n      :key=\"item.prop\"\n    >\n      <template #default=\"scope\">\n        <slot :name=\"`${item.prop}-cell`\" :row=\"scope.row\">\n          <span v-if=\"props.readonly\">{{\n            item.formateText ? item.formateText(scope.row) : scope.row[item.prop] || '--'\n          }}</span>\n          <ElFormItem\n            :label-width=\"0\"\n            v-else-if=\"scope.$index > -1\"\n            :prop=\"setProp ? setProp(scope, item) : `[${scope.$index}].${item.prop}`\"\n            :rules=\"setRules ? setRules(scope, item) : {}\"\n          >\n            <slot :name=\"item.prop\" :row=\"scope.row\">\n              <BaseItem\n                v-if=\"getVisible(item, scope.row)\"\n                v-model=\"scope.row[item.prop]\"\n                :config=\"item\"\n                :rowData=\"scope.row\"\n                :disabled=\"getDisabled(item, scope.row)\"\n              ></BaseItem>\n              <span v-else>--</span>\n            </slot>\n          </ElFormItem>\n        </slot>\n      </template>\n    </ElTableColumn>\n    <ElTableColumn v-if=\"$slots.operate\" label=\"操作\" :width=\"operateWidth\">\n      <template #default=\"scope\">\n        <slot name=\"operate\" :row=\"scope.row\" :index=\"scope.$index\"></slot>\n      </template>\n    </ElTableColumn>\n  </ElTable>\n</template>\n<script lang=\"ts\" setup>\nimport BaseItem from './components/BaseItem.vue'\nimport { ElTable, ElTableColumn, ElFormItem } from 'element-plus'\nimport { tableEditorProps, tableEditorEmits, IColumn, ITableEditorAnyObject } from './table-editor'\n\ndefineOptions({\n  name: 'TableEditor',\n})\n\nconst props = defineProps(tableEditorProps)\ndefineEmits(tableEditorEmits)\n\nconst getVisible = (item: IColumn, row: ITableEditorAnyObject) => {\n  return !('isHidden' in item && (item.isHidden instanceof Function ? item?.isHidden(row) : item.isHidden))\n}\nconst getDisabled = (item: IColumn, row: ITableEditorAnyObject) => {\n  return (\n    props.disabled || ('disabled' in item && (item.disabled instanceof Function ? item?.disabled(row) : item.disabled))\n  )\n}\n</script>\n"],"mappings":""}

package/es/components/table-editor/src/table-editor.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,75 @@
+import BaseItem_default from "./components/BaseItem.vue.mjs";
+import { tableEditorEmits, tableEditorProps } from "./table-editor.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { ElFormItem, ElTable, ElTableColumn } from "element-plus";
+//#region packages/components/table-editor/src/table-editor.vue?vue&type=script&setup=true&lang.ts
+var table_editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "TableEditor",
+	__name: "table-editor",
+	props: tableEditorProps,
+	emits: tableEditorEmits,
+	setup(__props) {
+		const props = __props;
+		const getVisible = (item, row) => {
+			return !("isHidden" in item && (item.isHidden instanceof Function ? item === null || item === void 0 ? void 0 : item.isHidden(row) : item.isHidden));
+		};
+		const getDisabled = (item, row) => {
+			return props.disabled || "disabled" in item && (item.disabled instanceof Function ? item === null || item === void 0 ? void 0 : item.disabled(row) : item.disabled);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ElTable), { class: "hd-table-editor" }, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (item) => {
+					return openBlock(), createBlock(unref(ElTableColumn), {
+						prop: item.prop,
+						label: item.label,
+						width: item.width || "",
+						key: item.prop
+					}, {
+						default: withCtx((scope) => [renderSlot(_ctx.$slots, `${item.prop}-cell`, { row: scope.row }, () => [props.readonly ? (openBlock(), createElementBlock("span", { key: 0 }, toDisplayString(item.formateText ? item.formateText(scope.row) : scope.row[item.prop] || "--"), 1)) : scope.$index > -1 ? (openBlock(), createBlock(unref(ElFormItem), {
+							key: 1,
+							"label-width": 0,
+							prop: _ctx.setProp ? _ctx.setProp(scope, item) : `[${scope.$index}].${item.prop}`,
+							rules: _ctx.setRules ? _ctx.setRules(scope, item) : {}
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, item.prop, { row: scope.row }, () => [getVisible(item, scope.row) ? (openBlock(), createBlock(BaseItem_default, {
+								key: 0,
+								modelValue: scope.row[item.prop],
+								"onUpdate:modelValue": ($event) => scope.row[item.prop] = $event,
+								config: item,
+								rowData: scope.row,
+								disabled: getDisabled(item, scope.row)
+							}, null, 8, [
+								"modelValue",
+								"onUpdate:modelValue",
+								"config",
+								"rowData",
+								"disabled"
+							])) : (openBlock(), createElementBlock("span", { key: 1 }, "--"))])]),
+							_: 2
+						}, 1032, ["prop", "rules"])) : createCommentVNode("", true)])]),
+						_: 2
+					}, 1032, [
+						"prop",
+						"label",
+						"width"
+					]);
+				}), 128)), _ctx.$slots.operate ? (openBlock(), createBlock(unref(ElTableColumn), {
+					key: 0,
+					label: "操作",
+					width: _ctx.operateWidth
+				}, {
+					default: withCtx((scope) => [renderSlot(_ctx.$slots, "operate", {
+						row: scope.row,
+						index: scope.$index
+					})]),
+					_: 3
+				}, 8, ["width"])) : createCommentVNode("", true)]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { table_editor_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=table-editor.vue_vue_type_script_setup_true_lang.mjs.map

package/es/components/table-editor/src/table-editor.vue_vue_type_script_setup_true_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-editor.vue_vue_type_script_setup_true_lang.mjs","names":["columns","setProp","setRules","$slots","operateWidth"],"sources":["../../../../../../packages/components/table-editor/src/table-editor.vue"],"sourcesContent":["<template>\n  <ElTable class=\"hd-table-editor\">\n    <ElTableColumn\n      v-for=\"item in columns\"\n      :prop=\"item.prop\"\n      :label=\"item.label\"\n      :width=\"item.width || ''\"\n      :key=\"item.prop\"\n    >\n      <template #default=\"scope\">\n        <slot :name=\"`${item.prop}-cell`\" :row=\"scope.row\">\n          <span v-if=\"props.readonly\">{{\n            item.formateText ? item.formateText(scope.row) : scope.row[item.prop] || '--'\n          }}</span>\n          <ElFormItem\n            :label-width=\"0\"\n            v-else-if=\"scope.$index > -1\"\n            :prop=\"setProp ? setProp(scope, item) : `[${scope.$index}].${item.prop}`\"\n            :rules=\"setRules ? setRules(scope, item) : {}\"\n          >\n            <slot :name=\"item.prop\" :row=\"scope.row\">\n              <BaseItem\n                v-if=\"getVisible(item, scope.row)\"\n                v-model=\"scope.row[item.prop]\"\n                :config=\"item\"\n                :rowData=\"scope.row\"\n                :disabled=\"getDisabled(item, scope.row)\"\n              ></BaseItem>\n              <span v-else>--</span>\n            </slot>\n          </ElFormItem>\n        </slot>\n      </template>\n    </ElTableColumn>\n    <ElTableColumn v-if=\"$slots.operate\" label=\"操作\" :width=\"operateWidth\">\n      <template #default=\"scope\">\n        <slot name=\"operate\" :row=\"scope.row\" :index=\"scope.$index\"></slot>\n      </template>\n    </ElTableColumn>\n  </ElTable>\n</template>\n<script lang=\"ts\" setup>\nimport BaseItem from './components/BaseItem.vue'\nimport { ElTable, ElTableColumn, ElFormItem } from 'element-plus'\nimport { tableEditorProps, tableEditorEmits, IColumn, ITableEditorAnyObject } from './table-editor'\n\ndefineOptions({\n  name: 'TableEditor',\n})\n\nconst props = defineProps(tableEditorProps)\ndefineEmits(tableEditorEmits)\n\nconst getVisible = (item: IColumn, row: ITableEditorAnyObject) => {\n  return !('isHidden' in item && (item.isHidden instanceof Function ? item?.isHidden(row) : item.isHidden))\n}\nconst getDisabled = (item: IColumn, row: ITableEditorAnyObject) => {\n  return (\n    props.disabled || ('disabled' in item && (item.disabled instanceof Function ? item?.disabled(row) : item.disabled))\n  )\n}\n</script>\n"],"mappings":";;;;;;;;;;;EAkDA,MAAM,QAAQ;EAGd,MAAM,cAAc,MAAe,QAA+B;AAChE,UAAO,EAAE,cAAc,SAAS,KAAK,oBAAoB,WAAA,SAAA,QAAA,SAAA,KAAA,IAAA,KAAA,IAAW,KAAM,SAAS,IAAI,GAAG,KAAK;;EAEjG,MAAM,eAAe,MAAe,QAA+B;AACjE,UACE,MAAM,YAAa,cAAc,SAAS,KAAK,oBAAoB,WAAA,SAAA,QAAA,SAAA,KAAA,IAAA,KAAA,IAAW,KAAM,SAAS,IAAI,GAAG,KAAK;;;uBAzD3G,YAsCU,MAAA,QAAA,EAAA,EAtCD,OAAM,mBAAiB,EAAA;2BAEL,EAAA,UAAA,KAAA,EADzB,mBA+BgB,UAAA,MAAA,WA9BCA,KAAAA,UAAR,SAAI;yBADb,YA+BgB,MAAA,cAAA,EAAA;MA7Bb,MAAM,KAAK;MACX,OAAO,KAAK;MACZ,OAAO,KAAK,SAAK;MACjB,KAAK,KAAK;;MAEA,SAAO,SAAE,UAAK,CACvB,WAqBO,KAAA,QAAA,GArBS,KAAK,KAAI,QAAA,EAAU,KAAK,MAAM,KAAA,QAqBvC,CApBO,MAAM,YAAA,WAAA,EAAlB,mBAES,QAAA,EAAA,KAAA,GAAA,EAAA,gBADP,KAAK,cAAc,KAAK,YAAY,MAAM,IAAG,GAAI,MAAM,IAAI,KAAK,SAAI,KAAA,EAAA,EAAA,IAIzD,MAAM,SAAM,MAAA,WAAA,EAFzB,YAgBa,MAAA,WAAA,EAAA;;OAfV,eAAa;OAEb,MAAMC,KAAAA,UAAUA,KAAAA,QAAQ,OAAO,KAAI,GAAA,IAAQ,MAAM,OAAM,IAAK,KAAK;OACjE,OAAOC,KAAAA,WAAWA,KAAAA,SAAS,OAAO,KAAI,GAAA,EAAA;;8BAWhC,CATP,WASO,KAAA,QATM,KAAK,MAAI,EAAG,KAAK,MAAM,KAAA,QAS7B,CAPG,WAAW,MAAM,MAAM,IAAG,IAAA,WAAA,EADlC,YAMY,kBAAA;;oBAJD,MAAM,IAAI,KAAK;iDAAT,IAAI,KAAK,QAAI;QAC3B,QAAQ;QACR,SAAS,MAAM;QACf,UAAU,YAAY,MAAM,MAAM,IAAG;;;;;;;2BAExC,mBAAsB,QAAA,EAAA,KAAA,GAAA,EAAT,KAAE,EAAA,CAAA,CAAA,CAAA;;;;;;;;;eAMJC,KAAAA,OAAO,WAAA,WAAA,EAA5B,YAIgB,MAAA,cAAA,EAAA;;KAJqB,OAAM;KAAM,OAAOC,KAAAA;;KAC3C,SAAO,SAAE,UAAK,CACvB,WAAmE,KAAA,QAAA,WAAA;MAA7C,KAAK,MAAM;MAAM,OAAO,MAAM"}

package/es/components/table-editor/style/index.d.ts

@@ -0,0 +1 @@
+import '../src/table-editor.scss';

package/es/components/tabs/index.d.ts

@@ -0,0 +1,6 @@
+import Tabs from './src/tabs.js';
+import type { SFCWithInstall } from '../../utils/index.js';
+export declare const HdTabs: SFCWithInstall<typeof Tabs>;
+export default HdTabs;
+export * from './src/itabs.js';
+export type { TabsInstance } from './src/instance.js';

package/es/components/tabs/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import { tabsEmits, tabsProps } from "./src/itabs.mjs";
+import tabs_default from "./src/tabs.mjs";
+//#region packages/components/tabs/index.ts
+var HdTabs = withInstall(tabs_default);
+//#endregion
+export { HdTabs, HdTabs as default, tabsEmits, tabsProps };
+
+//# sourceMappingURL=index.mjs.map

package/es/components/tabs/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/components/tabs/index.ts"],"sourcesContent":["import { withInstall } from '@hd-custom/utils'\n\nimport Tabs from './src/tabs'\nimport type { SFCWithInstall } from '@hd-custom/utils'\n\nexport const HdTabs: SFCWithInstall<typeof Tabs> = withInstall(Tabs)\nexport default HdTabs\n\nexport * from './src/itabs'\nexport type { TabsInstance } from './src/instance'\n"],"mappings":";;;;AAKA,IAAa,SAAsC,YAAY,aAAK"}

package/es/components/tabs/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type Tabs from './tabs.js';
+export type TabsInstance = InstanceType<typeof Tabs>;

package/es/components/tabs/src/itabs.d.ts

@@ -0,0 +1,31 @@
+import type { ExtractPropTypes, PropType, Ref } from 'vue';
+export interface TabItemProps {
+    label: string;
+    value: string | number;
+    labelCount?: string | number | Function | Ref<string | number>;
+}
+export declare const tabsProps: {
+    modelValue: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    activeIdx: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tabs: {
+        type: PropType<TabItemProps[]>;
+        required: boolean;
+        default: () => never[];
+    };
+    tabPx: {
+        type: StringConstructor;
+        default: string;
+    };
+    w: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export declare const tabsEmits: string[];
+export type TabsProps = ExtractPropTypes<typeof tabsProps>;

package/es/components/tabs/src/itabs.mjs

@@ -0,0 +1,33 @@
+//#region packages/components/tabs/src/itabs.ts
+var tabsProps = {
+	modelValue: {
+		type: [String, Number],
+		default: ""
+	},
+	activeIdx: {
+		type: Number,
+		default: -1
+	},
+	tabs: {
+		type: Array,
+		required: true,
+		default: () => []
+	},
+	tabPx: {
+		type: String,
+		default: "32px"
+	},
+	w: {
+		type: String,
+		default: "auto"
+	}
+};
+var tabsEmits = [
+	"update:modelValue",
+	"update:activeIdx",
+	"change"
+];
+//#endregion
+export { tabsEmits, tabsProps };
+
+//# sourceMappingURL=itabs.mjs.map

package/es/components/tabs/src/itabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"itabs.mjs","names":[],"sources":["../../../../../../packages/components/tabs/src/itabs.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType, Ref } from 'vue'\n\nexport interface TabItemProps {\n  label: string\n  value: string | number\n  labelCount?: string | number | Function | Ref<string | number>\n}\n\nexport const tabsProps = {\n  modelValue: {\n    type: [String, Number] as PropType<string | number>,\n    default: '',\n  },\n  activeIdx: {\n    type: Number,\n    default: -1,\n  },\n  tabs: {\n    type: Array as PropType<TabItemProps[]>,\n    required: true,\n    default: () => [],\n  },\n  tabPx: {\n    type: String,\n    default: '32px',\n  },\n  w: {\n    type: String,\n    default: 'auto',\n  },\n}\n\nexport const tabsEmits = ['update:modelValue', 'update:activeIdx', 'change']\n\nexport type TabsProps = ExtractPropTypes<typeof tabsProps>\n"],"mappings":";AAQA,IAAa,YAAY;CACvB,YAAY;EACV,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;CACD,WAAW;EACT,MAAM;EACN,SAAS;EACV;CACD,MAAM;EACJ,MAAM;EACN,UAAU;EACV,eAAe,EAAE;EAClB;CACD,OAAO;EACL,MAAM;EACN,SAAS;EACV;CACD,GAAG;EACD,MAAM;EACN,SAAS;EACV;CACF;AAED,IAAa,YAAY;CAAC;CAAqB;CAAoB;CAAS"}

package/es/components/tabs/src/tabs.d.ts

@@ -0,0 +1,55 @@
+import { TabItemProps } from './itabs.js';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    activeIdx: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tabs: {
+        type: import("vue").PropType<TabItemProps[]>;
+        required: boolean;
+        default: () => never[];
+    };
+    tabPx: {
+        type: StringConstructor;
+        default: string;
+    };
+    w: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    activeIdx: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tabs: {
+        type: import("vue").PropType<TabItemProps[]>;
+        required: boolean;
+        default: () => never[];
+    };
+    tabPx: {
+        type: StringConstructor;
+        default: string;
+    };
+    w: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: string | number;
+    w: string;
+    activeIdx: number;
+    tabs: TabItemProps[];
+    tabPx: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/tabs/src/tabs.mjs

@@ -0,0 +1,58 @@
+import { tabsEmits, tabsProps } from "./itabs.mjs";
+import { Fragment, computed, createTextVNode, createVNode, defineComponent, isRef } from "vue";
+//#region packages/components/tabs/src/tabs.tsx
+var tabs_default = /* @__PURE__ */ defineComponent({
+	name: "Tabs",
+	props: tabsProps,
+	emits: tabsEmits,
+	setup(props, { emit, slots }) {
+		const tabAct = computed({
+			get() {
+				var _props$tabs$;
+				if (props.activeIdx === -1 && props.modelValue) {
+					const _index = props.tabs.findIndex((e) => e.value === props.modelValue);
+					if (_index !== -1) emit("update:activeIdx", _index);
+				}
+				return props.modelValue !== void 0 ? props.modelValue : props.tabs.length ? (_props$tabs$ = props.tabs[0]) === null || _props$tabs$ === void 0 ? void 0 : _props$tabs$.value : "";
+			},
+			set(value) {
+				emit("update:modelValue", value);
+			}
+		});
+		const handleTabClick = (item, idx) => {
+			tabAct.value = item.value;
+			emit("change", item);
+			emit("update:activeIdx", idx);
+		};
+		const tabItemStyles = {
+			padding: `0 ${props.w === "auto" ? props.tabPx : 0}`,
+			width: props.w
+		};
+		const labelCountRender = (item) => {
+			if (item.labelCount && isRef(item.labelCount)) return createVNode("span", { "class": "pl-[2px]" }, [
+				createTextVNode("（"),
+				item.labelCount.value,
+				createTextVNode("）")
+			]);
+			else if (typeof item.labelCount === "function") return createVNode("span", { "class": "pl-[2px]" }, [
+				createTextVNode("（"),
+				item.labelCount(),
+				createTextVNode("）")
+			]);
+			return null;
+		};
+		return () => {
+			return createVNode("div", { "class": "w-full flex h-[32px] hd-tabs" }, [createVNode("div", { "class": "ltabs-box  flex" }, [props.tabs.map((item, index) => {
+				return createVNode(Fragment, null, [createVNode("div", {
+					"style": tabItemStyles,
+					"class": `tab-item h-full flex items-center justify-center ${item.value === tabAct.value ? "tab-active" : ""}`,
+					"onClick": () => handleTabClick(item, index)
+				}, [createVNode("span", null, [createTextVNode(" "), item.label]), labelCountRender(item)])]);
+			})]), createVNode("div", { "class": "flex-1 w-0 h-full tabs-right-box" }, [slots.right && slots.right()])]);
+		};
+	}
+});
+//#endregion
+export { tabs_default as default };
+
+//# sourceMappingURL=tabs.mjs.map

package/es/components/tabs/src/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","names":["defineComponent","computed","isRef","createTextVNode","_createTextVNode","createVNode","_createVNode","Fragment","_Fragment","tabsProps","tabsEmits","name","props","emits","setup","emit","slots","tabAct","get","activeIdx","modelValue","_index","tabs","findIndex","e","value","undefined","length","set","handleTabClick","item","idx","tabItemStyles","padding","w","tabPx","width","labelCountRender","labelCount","map","index","onClick","label","right"],"sources":["../../../../../../packages/components/tabs/src/tabs.tsx"],"sourcesContent":["import { defineComponent, computed, isRef } from 'vue'\nimport { tabsProps, TabItemProps, tabsEmits } from './itabs'\n\nexport default defineComponent({\n  name: 'Tabs',\n  props: tabsProps,\n  emits: tabsEmits,\n  setup(props, { emit, slots }) {\n    const tabAct = computed({\n      get() {\n        if (props.activeIdx === -1 && props.modelValue) {\n          const _index = props.tabs.findIndex((e: TabItemProps) => e.value === props.modelValue)\n          if (_index !== -1) emit('update:activeIdx', _index)\n        }\n        return props.modelValue !== undefined ? props.modelValue : props.tabs.length ? props.tabs[0]?.value : ''\n      },\n      set(value) {\n        emit('update:modelValue', value)\n      },\n    })\n\n    const handleTabClick = (item: TabItemProps, idx: number) => {\n      tabAct.value = item.value\n      emit('change', item)\n      emit('update:activeIdx', idx)\n    }\n\n    const tabItemStyles = {\n      padding: `0 ${props.w === 'auto' ? props.tabPx : 0}`,\n      width: props.w,\n    }\n\n    const labelCountRender = (item: TabItemProps) => {\n      if (item.labelCount && isRef(item.labelCount)) {\n        return <span class=\"pl-[2px]\">（{item.labelCount.value}）</span>\n      } else if (typeof item.labelCount === 'function') {\n        return <span class=\"pl-[2px]\">（{item.labelCount()}）</span>\n      }\n      return null\n    }\n\n    return () => {\n      return (\n        <div class=\"w-full flex h-[32px] hd-tabs\">\n          <div class=\"ltabs-box  flex\">\n            {props.tabs.map((item: TabItemProps, index: number) => {\n              return (\n                <>\n                  <div\n                    style={tabItemStyles}\n                    class={`tab-item h-full flex items-center justify-center ${\n                      item.value === tabAct.value ? 'tab-active' : ''\n                    }`}\n                    onClick={() => handleTabClick(item, index)}\n                  >\n                    <span> {item.label}</span>\n                    {labelCountRender(item)}\n                  </div>\n                </>\n              )\n            })}\n          </div>\n          <div class=\"flex-1 w-0 h-full tabs-right-box\">{slots.right && slots.right()}</div>\n        </div>\n      )\n    }\n  },\n})\n"],"mappings":";;;AAGA,IAAA,eAAeA,gCAAgB;CAC7BW,MAAM;CACNC,OAAOH;CACPI,OAAOH;CACPI,MAAMF,OAAO,EAAEG,MAAMC,SAAS;EAC5B,MAAMC,SAAShB,SAAS;GACtBiB,MAAM;;AACJ,QAAIN,MAAMO,cAAc,MAAMP,MAAMQ,YAAY;KAC9C,MAAMC,SAAST,MAAMU,KAAKC,WAAWC,MAAoBA,EAAEC,UAAUb,MAAMQ,WAAW;AACtF,SAAIC,WAAW,GAAIN,MAAK,oBAAoBM,OAAO;;AAErD,WAAOT,MAAMQ,eAAeM,KAAAA,IAAYd,MAAMQ,aAAaR,MAAMU,KAAKK,UAAAA,eAASf,MAAMU,KAAK,QAAA,QAAA,iBAAA,KAAA,IAAA,KAAA,IAAA,aAAIG,QAAQ;;GAExGG,IAAIH,OAAO;AACTV,SAAK,qBAAqBU,MAAM;;GAEnC,CAAC;EAEF,MAAMI,kBAAkBC,MAAoBC,QAAgB;AAC1Dd,UAAOQ,QAAQK,KAAKL;AACpBV,QAAK,UAAUe,KAAK;AACpBf,QAAK,oBAAoBgB,IAAI;;EAG/B,MAAMC,gBAAgB;GACpBC,SAAS,KAAKrB,MAAMsB,MAAM,SAAStB,MAAMuB,QAAQ;GACjDC,OAAOxB,MAAMsB;GACd;EAED,MAAMG,oBAAoBP,SAAuB;AAC/C,OAAIA,KAAKQ,cAAcpC,MAAM4B,KAAKQ,WAAW,CAC3C,QAAAhC,YAAA,QAAA,EAAA,SAAA,YAAA,EAAA;IAAAF,gBAAA,IAAA;IAAgC0B,KAAKQ,WAAWb;IAAKrB,gBAAA,IAAA;IAAA,CAAA;YAC5C,OAAO0B,KAAKQ,eAAe,WACpC,QAAAhC,YAAA,QAAA,EAAA,SAAA,YAAA,EAAA;IAAAF,gBAAA,IAAA;IAAgC0B,KAAKQ,YAAY;IAAAlC,gBAAA,IAAA;IAAA,CAAA;AAEnD,UAAO;;AAGT,eAAa;AACX,UAAAE,YAAA,OAAA,EAAA,SAAA,gCAAA,EAAA,CAAAA,YAAA,OAAA,EAAA,SAAA,mBAAA,EAAA,CAGOM,MAAMU,KAAKiB,KAAKT,MAAoBU,UAAkB;AACrD,WAAAlC,YAAAE,UAAA,MAAA,CAAAF,YAAA,OAAA;KAAA,SAGa0B;KAAa,SACb,oDACLF,KAAKL,UAAUR,OAAOQ,QAAQ,eAAe;KAC7C,iBACaI,eAAeC,MAAMU,MAAK;KAAC,EAAA,CAAAlC,YAAA,QAAA,MAAA,CAAAF,gBAAA,IAAA,EAElC0B,KAAKY,MAAK,CAAA,EACjBL,iBAAiBP,KAAK,CAAA,CAAA,CAAA,CAAA;KAI7B,CAAA,CAAA,EAAAxB,YAAA,OAAA,EAAA,SAAA,oCAAA,EAAA,CAE2CU,MAAM2B,SAAS3B,MAAM2B,OAAO,CAAA,CAAA,CAAA,CAAA;;;CAKpF,CAAC"}

package/es/components/tabs/style/index.d.ts

@@ -0,0 +1 @@
+import '../src/tabs.scss';

package/es/components/tarea-tag/index.d.ts

@@ -0,0 +1,6 @@
+import TareaTag from './src/tarea-tag.vue.js';
+import type { SFCWithInstall } from '../../utils/index.js';
+export declare const HdTareaTag: SFCWithInstall<typeof TareaTag>;
+export default HdTareaTag;
+export * from './src/tarea-tag.js';
+export type { TareaTagInstance } from './src/instance.js';

package/es/components/tarea-tag/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import { tareaTagEmits, tareaTagProps } from "./src/tarea-tag.mjs";
+import tarea_tag_default from "./src/tarea-tag.vue.mjs";
+//#region packages/components/tarea-tag/index.ts
+var HdTareaTag = withInstall(tarea_tag_default);
+//#endregion
+export { HdTareaTag, HdTareaTag as default, tareaTagEmits, tareaTagProps };
+
+//# sourceMappingURL=index.mjs.map

package/es/components/tarea-tag/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/components/tarea-tag/index.ts"],"sourcesContent":["import { withInstall } from '@hd-custom/utils'\n\nimport TareaTag from './src/tarea-tag.vue'\nimport type { SFCWithInstall } from '@hd-custom/utils'\n\nexport const HdTareaTag: SFCWithInstall<typeof TareaTag> = withInstall(TareaTag)\nexport default HdTareaTag\n\nexport * from './src/tarea-tag'\nexport type { TareaTagInstance } from './src/instance'\n"],"mappings":";;;;AAKA,IAAa,aAA8C,YAAY,kBAAS"}

package/es/components/tarea-tag/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type TareaTag from './tarea-tag.vue.js';
+export type TareaTagInstance = InstanceType<typeof TareaTag>;

package/es/components/tarea-tag/src/tarea-tag.d.ts

@@ -0,0 +1,10 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const tareaTagProps: {
+    modelValue: import("../../../utils/index.js").EpPropFinalized<(ArrayConstructor | StringConstructor)[], unknown, unknown, () => never[], boolean>;
+    placeholder: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    regular: import("../../../utils/index.js").EpPropFinalized<(FunctionConstructor | RegExpConstructor)[], unknown, unknown, null, boolean>;
+    required: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    disabled: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+};
+export declare const tareaTagEmits: string[];
+export type TareaTagProps = ExtractPropTypes<typeof tareaTagProps>;

package/es/components/tarea-tag/src/tarea-tag.mjs

@@ -0,0 +1,29 @@
+import { buildProps } from "../../../utils/vue/props/runtime.mjs";
+//#region packages/components/tarea-tag/src/tarea-tag.ts
+var tareaTagProps = buildProps({
+	modelValue: {
+		type: [Array, String],
+		default: () => []
+	},
+	placeholder: {
+		type: String,
+		default: ""
+	},
+	regular: {
+		type: [RegExp, Function],
+		default: null
+	},
+	required: {
+		type: Boolean,
+		default: false
+	},
+	disabled: {
+		type: Boolean,
+		default: false
+	}
+});
+var tareaTagEmits = ["update:modelValue", "on-updated"];
+//#endregion
+export { tareaTagEmits, tareaTagProps };
+
+//# sourceMappingURL=tarea-tag.mjs.map

package/es/components/tarea-tag/src/tarea-tag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tarea-tag.mjs","names":[],"sources":["../../../../../../packages/components/tarea-tag/src/tarea-tag.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport { buildProps } from '@hd-custom/utils'\n\nexport const tareaTagProps = buildProps({\n  modelValue: {\n    type: [Array, String],\n    default: () => [],\n  },\n  placeholder: {\n    type: String,\n    default: '',\n  },\n  regular: {\n    type: [RegExp, Function],\n    default: null,\n  },\n  required: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nexport const tareaTagEmits = ['update:modelValue', 'on-updated']\n\nexport type TareaTagProps = ExtractPropTypes<typeof tareaTagProps>\n"],"mappings":";;AAGA,IAAa,gBAAgB,WAAW;CACtC,YAAY;EACV,MAAM,CAAC,OAAO,OAAO;EACrB,eAAe,EAAE;EAClB;CACD,aAAa;EACX,MAAM;EACN,SAAS;EACV;CACD,SAAS;EACP,MAAM,CAAC,QAAQ,SAAS;EACxB,SAAS;EACV;CACD,UAAU;EACR,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,MAAM;EACN,SAAS;EACV;CACF,CAAC;AAEF,IAAa,gBAAgB,CAAC,qBAAqB,aAAa"}

package/es/components/tarea-tag/src/tarea-tag.vue.d.ts

@@ -0,0 +1,23 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: import("../../../utils/index.js").EpPropFinalized<(ArrayConstructor | StringConstructor)[], unknown, unknown, () => never[], boolean>;
+    placeholder: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    regular: import("../../../utils/index.js").EpPropFinalized<(FunctionConstructor | RegExpConstructor)[], unknown, unknown, null, boolean>;
+    required: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    disabled: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+}>, {
+    validState: () => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("../../../utils/index.js").EpPropFinalized<(ArrayConstructor | StringConstructor)[], unknown, unknown, () => never[], boolean>;
+    placeholder: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    regular: import("../../../utils/index.js").EpPropFinalized<(FunctionConstructor | RegExpConstructor)[], unknown, unknown, null, boolean>;
+    required: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    disabled: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+}>> & Readonly<{}>, {
+    required: import("../../../utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    disabled: import("../../../utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modelValue: import("../../../utils/index.js").EpPropMergeType<(ArrayConstructor | StringConstructor)[], unknown, unknown>;
+    placeholder: string;
+    regular: import("../../../utils/index.js").EpPropMergeType<(FunctionConstructor | RegExpConstructor)[], unknown, unknown>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/components/tarea-tag/src/tarea-tag.vue.mjs

@@ -0,0 +1,7 @@
+import tarea_tag_vue_vue_type_script_setup_true_lang_default from "./tarea-tag.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/tarea-tag/src/tarea-tag.vue
+var tarea_tag_default = tarea_tag_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { tarea_tag_default as default };
+
+//# sourceMappingURL=tarea-tag.vue.mjs.map

package/es/components/tarea-tag/src/tarea-tag.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tarea-tag.vue.mjs","names":[],"sources":["../../../../../../packages/components/tarea-tag/src/tarea-tag.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"editDiv\"\n    class=\"hd-tarea-tag custom-edit-div\"\n    :class=\"{ 'red-b': !valid, 'focus-border': isFocus && valid, 'event-none': disabled }\"\n    @click=\"handleEditDClick\"\n  >\n    <ElTag\n      v-for=\"(item, index) in tags\"\n      :key=\"index\"\n      :type=\"item.valid ? 'primary' : 'danger'\"\n      :closable=\"!disabled\"\n      @close=\"handleTagClose(index)\"\n    >\n      {{ item.text }}\n    </ElTag>\n    <ElInput\n      v-if=\"tags.length\"\n      ref=\"editInput\"\n      v-model=\"inputText\"\n      type=\"textarea\"\n      :autosize=\"_autosize\"\n      :disabled=\"disabled\"\n      @blur=\"handleWBlur\"\n      @focus=\"handleWFocus\"\n    ></ElInput>\n    <ElInput\n      v-else\n      ref=\"editInput\"\n      v-model=\"inputText\"\n      type=\"textarea\"\n      :autosize=\"_autosize\"\n      :disabled=\"disabled\"\n      :placeholder=\"placeholder\"\n      @blur=\"handleWBlur\"\n      @focus=\"handleWFocus\"\n    ></ElInput>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, computed } from 'vue'\nimport { ElTag, ElInput } from 'element-plus'\nimport { tareaTagProps, tareaTagEmits } from './tarea-tag'\nimport { List } from 'immutable'\n\ndefineOptions({\n  name: 'TareaTag',\n})\n\nconst props = defineProps(tareaTagProps)\nconst emit = defineEmits(tareaTagEmits)\n\nconst editDiv = ref()\nconst editInput = ref()\nconst valid = ref(true)\nconst isFocus = ref(false)\nconst inputText = ref('')\nconst _autosize = computed(() => {\n  return tags.value.length ? { minRows: 1 } : { minRows: 2 }\n})\n\nconst tags: any = computed({\n  get() {\n    const list = checkText(typeof props.modelValue === 'string' ? [props.modelValue] : props.modelValue)\n    return list\n  },\n  set(value) {\n    const _v = value.map((item: any) => item)\n    emit('update:modelValue', _v.length ? _v.filter((item: string) => item) : '')\n    emit('on-updated', _v)\n  },\n})\n\nconst handleEditDClick = () => {\n  editInput.value.focus()\n  isFocus.value = true\n}\n\nconst handleTagClose = (idx: number) => {\n  let _tags = List(tags.value).toJS()\n  _tags.splice(idx, 1)\n  tags.value = _tags.map((item: any) => item.text)\n  setTimeout(() => {\n    valided(tags.value)\n  }, 0)\n}\n\nconst handleWBlur = () => {\n  isFocus.value = false\n  if (inputText.value || tags.value.length) {\n    const formattedText = formatInputText()\n    const oldValue = typeof props.modelValue === 'string' ? [props.modelValue] : props.modelValue\n    tags.value = [...oldValue, ...formattedText.split(',')]\n  } else if (props.required && !inputText.value) {\n    valid.value = false\n  } else {\n    valid.value = true\n  }\n  setTimeout(() => {\n    valided(tags.value)\n  }, 0)\n}\n\nconst handleWFocus = () => {\n  isFocus.value = true\n  valid.value = true\n}\n\nconst formatInputText = () => {\n  return inputText.value.replace(/[\\n\\r\\s,，]+/g, ',')\n}\n\nconst checkText = (value: any) => {\n  inputText.value = ''\n  // 用于验证文本项的函数\n  const validateItem = (item: string) => {\n    if (!item) return null\n    const isValid =\n      props.regular instanceof RegExp\n        ? props.regular.test(item)\n        : typeof props.regular === 'function'\n          ? props.regular(item)\n          : true\n    return {\n      text: item,\n      valid: isValid,\n    }\n  }\n\n  // 使用 map 来创建一个新数组，并过滤掉所�?null �?\n  const newTags = value.map(validateItem).filter(Boolean)\n  return [...newTags]\n}\n\nconst valided = (values: []) => {\n  if (props.required && !values.length) {\n    valid.value = false\n    return\n  }\n  valid.value = values.every((item: any) => item.valid)\n}\n\nconst validState = () => {\n  return valid.value\n}\n\ndefineExpose({ validState })\n</script>\n"],"mappings":""}

package/es/components/tarea-tag/src/tarea-tag.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,149 @@
+import { tareaTagEmits, tareaTagProps } from "./tarea-tag.mjs";
+import { Fragment, computed, createBlock, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+import { ElInput, ElTag } from "element-plus";
+import { List } from "immutable";
+//#region packages/components/tarea-tag/src/tarea-tag.vue?vue&type=script&setup=true&lang.ts
+var tarea_tag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "TareaTag",
+	__name: "tarea-tag",
+	props: tareaTagProps,
+	emits: tareaTagEmits,
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const editDiv = ref();
+		const editInput = ref();
+		const valid = ref(true);
+		const isFocus = ref(false);
+		const inputText = ref("");
+		const _autosize = computed(() => {
+			return tags.value.length ? { minRows: 1 } : { minRows: 2 };
+		});
+		const tags = computed({
+			get() {
+				return checkText(typeof props.modelValue === "string" ? [props.modelValue] : props.modelValue);
+			},
+			set(value) {
+				const _v = value.map((item) => item);
+				emit("update:modelValue", _v.length ? _v.filter((item) => item) : "");
+				emit("on-updated", _v);
+			}
+		});
+		const handleEditDClick = () => {
+			editInput.value.focus();
+			isFocus.value = true;
+		};
+		const handleTagClose = (idx) => {
+			let _tags = List(tags.value).toJS();
+			_tags.splice(idx, 1);
+			tags.value = _tags.map((item) => item.text);
+			setTimeout(() => {
+				valided(tags.value);
+			}, 0);
+		};
+		const handleWBlur = () => {
+			isFocus.value = false;
+			if (inputText.value || tags.value.length) {
+				const formattedText = formatInputText();
+				tags.value = [...typeof props.modelValue === "string" ? [props.modelValue] : props.modelValue, ...formattedText.split(",")];
+			} else if (props.required && !inputText.value) valid.value = false;
+			else valid.value = true;
+			setTimeout(() => {
+				valided(tags.value);
+			}, 0);
+		};
+		const handleWFocus = () => {
+			isFocus.value = true;
+			valid.value = true;
+		};
+		const formatInputText = () => {
+			return inputText.value.replace(/[\n\r\s,，]+/g, ",");
+		};
+		const checkText = (value) => {
+			inputText.value = "";
+			const validateItem = (item) => {
+				if (!item) return null;
+				return {
+					text: item,
+					valid: props.regular instanceof RegExp ? props.regular.test(item) : typeof props.regular === "function" ? props.regular(item) : true
+				};
+			};
+			return [...value.map(validateItem).filter(Boolean)];
+		};
+		const valided = (values) => {
+			if (props.required && !values.length) {
+				valid.value = false;
+				return;
+			}
+			valid.value = values.every((item) => item.valid);
+		};
+		const validState = () => {
+			return valid.value;
+		};
+		__expose({ validState });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "editDiv",
+				ref: editDiv,
+				class: normalizeClass(["hd-tarea-tag custom-edit-div", {
+					"red-b": !valid.value,
+					"focus-border": isFocus.value && valid.value,
+					"event-none": _ctx.disabled
+				}]),
+				onClick: handleEditDClick
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(tags.value, (item, index) => {
+				return openBlock(), createBlock(unref(ElTag), {
+					key: index,
+					type: item.valid ? "primary" : "danger",
+					closable: !_ctx.disabled,
+					onClose: ($event) => handleTagClose(index)
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(item.text), 1)]),
+					_: 2
+				}, 1032, [
+					"type",
+					"closable",
+					"onClose"
+				]);
+			}), 128)), tags.value.length ? (openBlock(), createBlock(unref(ElInput), {
+				key: 0,
+				ref_key: "editInput",
+				ref: editInput,
+				modelValue: inputText.value,
+				"onUpdate:modelValue": ($event) => inputText.value = $event,
+				type: "textarea",
+				autosize: _autosize.value,
+				disabled: _ctx.disabled,
+				onBlur: handleWBlur,
+				onFocus: handleWFocus
+			}, null, 8, [
+				"modelValue",
+				"onUpdate:modelValue",
+				"autosize",
+				"disabled"
+			])) : (openBlock(), createBlock(unref(ElInput), {
+				key: 1,
+				ref_key: "editInput",
+				ref: editInput,
+				modelValue: inputText.value,
+				"onUpdate:modelValue": ($event) => inputText.value = $event,
+				type: "textarea",
+				autosize: _autosize.value,
+				disabled: _ctx.disabled,
+				placeholder: _ctx.placeholder,
+				onBlur: handleWBlur,
+				onFocus: handleWFocus
+			}, null, 8, [
+				"modelValue",
+				"onUpdate:modelValue",
+				"autosize",
+				"disabled",
+				"placeholder"
+			]))], 2);
+		};
+	}
+});
+//#endregion
+export { tarea_tag_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=tarea-tag.vue_vue_type_script_setup_true_lang.mjs.map

package/es/components/tarea-tag/src/tarea-tag.vue_vue_type_script_setup_true_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tarea-tag.vue_vue_type_script_setup_true_lang.mjs","names":["disabled","placeholder"],"sources":["../../../../../../packages/components/tarea-tag/src/tarea-tag.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"editDiv\"\n    class=\"hd-tarea-tag custom-edit-div\"\n    :class=\"{ 'red-b': !valid, 'focus-border': isFocus && valid, 'event-none': disabled }\"\n    @click=\"handleEditDClick\"\n  >\n    <ElTag\n      v-for=\"(item, index) in tags\"\n      :key=\"index\"\n      :type=\"item.valid ? 'primary' : 'danger'\"\n      :closable=\"!disabled\"\n      @close=\"handleTagClose(index)\"\n    >\n      {{ item.text }}\n    </ElTag>\n    <ElInput\n      v-if=\"tags.length\"\n      ref=\"editInput\"\n      v-model=\"inputText\"\n      type=\"textarea\"\n      :autosize=\"_autosize\"\n      :disabled=\"disabled\"\n      @blur=\"handleWBlur\"\n      @focus=\"handleWFocus\"\n    ></ElInput>\n    <ElInput\n      v-else\n      ref=\"editInput\"\n      v-model=\"inputText\"\n      type=\"textarea\"\n      :autosize=\"_autosize\"\n      :disabled=\"disabled\"\n      :placeholder=\"placeholder\"\n      @blur=\"handleWBlur\"\n      @focus=\"handleWFocus\"\n    ></ElInput>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, computed } from 'vue'\nimport { ElTag, ElInput } from 'element-plus'\nimport { tareaTagProps, tareaTagEmits } from './tarea-tag'\nimport { List } from 'immutable'\n\ndefineOptions({\n  name: 'TareaTag',\n})\n\nconst props = defineProps(tareaTagProps)\nconst emit = defineEmits(tareaTagEmits)\n\nconst editDiv = ref()\nconst editInput = ref()\nconst valid = ref(true)\nconst isFocus = ref(false)\nconst inputText = ref('')\nconst _autosize = computed(() => {\n  return tags.value.length ? { minRows: 1 } : { minRows: 2 }\n})\n\nconst tags: any = computed({\n  get() {\n    const list = checkText(typeof props.modelValue === 'string' ? [props.modelValue] : props.modelValue)\n    return list\n  },\n  set(value) {\n    const _v = value.map((item: any) => item)\n    emit('update:modelValue', _v.length ? _v.filter((item: string) => item) : '')\n    emit('on-updated', _v)\n  },\n})\n\nconst handleEditDClick = () => {\n  editInput.value.focus()\n  isFocus.value = true\n}\n\nconst handleTagClose = (idx: number) => {\n  let _tags = List(tags.value).toJS()\n  _tags.splice(idx, 1)\n  tags.value = _tags.map((item: any) => item.text)\n  setTimeout(() => {\n    valided(tags.value)\n  }, 0)\n}\n\nconst handleWBlur = () => {\n  isFocus.value = false\n  if (inputText.value || tags.value.length) {\n    const formattedText = formatInputText()\n    const oldValue = typeof props.modelValue === 'string' ? [props.modelValue] : props.modelValue\n    tags.value = [...oldValue, ...formattedText.split(',')]\n  } else if (props.required && !inputText.value) {\n    valid.value = false\n  } else {\n    valid.value = true\n  }\n  setTimeout(() => {\n    valided(tags.value)\n  }, 0)\n}\n\nconst handleWFocus = () => {\n  isFocus.value = true\n  valid.value = true\n}\n\nconst formatInputText = () => {\n  return inputText.value.replace(/[\\n\\r\\s,，]+/g, ',')\n}\n\nconst checkText = (value: any) => {\n  inputText.value = ''\n  // 用于验证文本项的函数\n  const validateItem = (item: string) => {\n    if (!item) return null\n    const isValid =\n      props.regular instanceof RegExp\n        ? props.regular.test(item)\n        : typeof props.regular === 'function'\n          ? props.regular(item)\n          : true\n    return {\n      text: item,\n      valid: isValid,\n    }\n  }\n\n  // 使用 map 来创建一个新数组，并过滤掉所�?null �?\n  const newTags = value.map(validateItem).filter(Boolean)\n  return [...newTags]\n}\n\nconst valided = (values: []) => {\n  if (props.required && !values.length) {\n    valid.value = false\n    return\n  }\n  valid.value = values.every((item: any) => item.valid)\n}\n\nconst validState = () => {\n  return valid.value\n}\n\ndefineExpose({ validState })\n</script>\n"],"mappings":"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"}

package/es/components/tarea-tag/style/index.d.ts

@@ -0,0 +1 @@
+import '../src/tarea-tag.scss';

package/es/components/text-ellipsis/index.d.ts

@@ -0,0 +1,5 @@
+import TextEllipsis from './src/text-ellipsis.js';
+import type { SFCWithInstall } from '../../utils/index.js';
+export declare const HdTextEllipsis: SFCWithInstall<typeof TextEllipsis>;
+export default HdTextEllipsis;
+export * from './src/itext-ellipsis.js';