@rdeam/qui 2.0.0

package/README.md

@@ -0,0 +1,59 @@
+# HD 缁勪欢搴撳紑鍙戞枃妗?
+
+HD 缁勪欢搴撴槸鍩轰簬 Element Plus 灏佽鐨勪笟鍔＄粍浠跺簱锛屼娇鐢?Vue 3銆乀ypeScript銆乂ite 鍜?pnpm workspace 绠＄悊婧愮爜銆佹枃妗ｃ€佽皟璇曞伐绋嬩笌鍐呴儴鏋勫缓宸ュ叿銆?
+
+## 椤圭洰缁撴瀯
+
+```text
+hd/
+鈹溾攢鈹€ dist/                 # 鏋勫缓杈撳嚭
+鈹溾攢鈹€ docs/                 # VitePress 鏂囨。绔欑偣
+鈹溾攢鈹€ internal/             # 鍐呴儴鏋勫缓宸ュ叿銆佸父閲忓拰 resolver
+鈹溾攢鈹€ packages/
+鈹?  鈹溾攢鈹€ components/       # 缁勪欢婧愮爜
+鈹?  鈹溾攢鈹€ directives/       # 鎸囦护婧愮爜
+鈹?  鈹溾攢鈹€ hooks/            # hooks 婧愮爜
+鈹?  鈹溾攢鈹€ theme-chalk/      # 涓婚鏍峰紡
+鈹?  鈹溾攢鈹€ utils/            # 缁勪欢搴撳唴閮ㄥ伐鍏?鈹?  鈹溾攢鈹€ hd-custom/        # @rdeam/qui 涓诲寘鍏ュ彛
+鈹?  鈹溾攢鈹€ share/         # @rdeam/qui/share 宸ュ叿鍖?鈹?  鈹斺攢鈹€ hd-eslint/        # @hd/eslint-config
+鈹溾攢鈹€ play/                 # 鏈湴璋冭瘯宸ョ▼
+鈹斺攢鈹€ scripts/              # 寮€鍙戝拰鐢熸垚鑴氭湰
+```
+
+## 甯哥敤鍛戒护
+
+```bash
+pnpm install
+pnpm gen-component-import
+pnpm build
+pnpm play:dev
+pnpm docs:dev
+```
+
+## 鏋勫缓璇存槑
+
+`pnpm build` 浼氬厛閫氳繃 Nx 鏋勫缓鍐呴儴宸ュ叿鍖呭拰 `@rdeam/qui/share`锛屽啀杩涘叆 `internal/build2` 鎵ц缁熶竴鏋勫缓閾撅細
+
+1. 娓呯悊 `dist/hd-custom`銆?2. 浣跨敤 Vite 鏋勫缓缁勪欢 ES 妯″潡銆?3. 鏋勫缓 `packages/theme-chalk` 涓婚鏍峰紡銆?4. 浣跨敤 `vue-tsc` 鐢熸垚绫诲瀷澹版槑銆?5. 鏋勫缓骞跺鍒?`HdCustomResolver`銆?6. 澶嶅埗 `package.json`銆乣README.md`銆乣global.d.ts` 绛夐檮鍔犳枃浠躲€?
+
+## 鍓嶇紑閰嶇疆
+
+缁勪欢瀵煎嚭鍚嶅墠缂€銆乂ue 娉ㄥ唽鍚嶅墠缂€銆佹牱寮忔枃浠跺悕鍓嶇紑缁熶竴閰嶇疆鍦?`internal/build-constants/src/pkg.ts`锛?
+
+- `COMPONENT_EXPORT_PREFIX = 'Hd'`
+- `COMPONENT_STYLE_PREFIX = 'hd'`
+
+鏈潵闇€瑕佹敼缁勪欢鍚嶇О銆佸鍑哄悕绉般€佷富棰樻枃浠跺悕鎴?resolver 瑙ｆ瀽瑙勫垯鏃讹紝浼樺厛鏀硅繖閲岋紝鍐嶆墽琛岋細
+
+```bash
+pnpm gen-component-import
+pnpm build
+```
+
+## 鍙戝竷鍏ュ彛
+
+- 涓诲寘锛歚@rdeam/qui`
+- 宸ュ叿鍖咃細`@rdeam/qui/share`
+- ESLint 閰嶇疆锛歚@hd/eslint-config`
+
+涓诲寘鏋勫缓浜х墿浣嶄簬 `dist/hd-custom`锛屼富棰樻枃浠朵綅浜?`dist/hd-custom/theme-chalk`銆?

package/es/_virtual/_@oxc-project_runtime@0.127.0/helpers/defineProperty.mjs

@@ -0,0 +1,12 @@
+import { toPropertyKey } from "./toPropertyKey.mjs";
+//#region \0@oxc-project+runtime@0.127.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+//#endregion
+export { _defineProperty };

package/es/_virtual/_@oxc-project_runtime@0.127.0/helpers/toPrimitive.mjs

@@ -0,0 +1,14 @@
+import { _typeof } from "./typeof.mjs";
+//#region \0@oxc-project+runtime@0.127.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+//#endregion
+export { toPrimitive };

package/es/_virtual/_@oxc-project_runtime@0.127.0/helpers/toPropertyKey.mjs

@@ -0,0 +1,9 @@
+import { _typeof } from "./typeof.mjs";
+import { toPrimitive } from "./toPrimitive.mjs";
+//#region \0@oxc-project+runtime@0.127.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+//#endregion
+export { toPropertyKey };

package/es/_virtual/_@oxc-project_runtime@0.127.0/helpers/typeof.mjs

@@ -0,0 +1,11 @@
+//#region \0@oxc-project+runtime@0.127.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+//#endregion
+export { _typeof };

package/es/component.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vue';
+declare const _default: Plugin[];
+export default _default;

package/es/component.mjs

@@ -0,0 +1,39 @@
+import { HdDatePicker } from "./components/date-picker/index.mjs";
+import { HdDescriptions } from "./components/descriptions/index.mjs";
+import { HdEllipsisTag } from "./components/ellipsis-tag/index.mjs";
+import { HdEmpty } from "./components/empty/index.mjs";
+import { HdJdataViewer } from "./components/jdata-viewer/index.mjs";
+import { HdRadio } from "./components/radio/index.mjs";
+import { HdRemoteSearch } from "./components/remote-search/index.mjs";
+import { HdSearchForm } from "./components/search-form/index.mjs";
+import { HdStickyContainer } from "./components/sticky-container/index.mjs";
+import { HdTable } from "./components/table/index.mjs";
+import { HdTableEditor } from "./components/table-editor/index.mjs";
+import { HdTabs } from "./components/tabs/index.mjs";
+import { HdTareaTag } from "./components/tarea-tag/index.mjs";
+import { HdTextEllipsis } from "./components/text-ellipsis/index.mjs";
+import { HdTimeLine } from "./components/time-line/index.mjs";
+import { HdUploader } from "./components/uploader/index.mjs";
+//#region packages/hd-custom/component.ts
+var component_default = [
+	HdDatePicker,
+	HdDescriptions,
+	HdEllipsisTag,
+	HdEmpty,
+	HdJdataViewer,
+	HdRadio,
+	HdRemoteSearch,
+	HdSearchForm,
+	HdStickyContainer,
+	HdTable,
+	HdTableEditor,
+	HdTabs,
+	HdTareaTag,
+	HdTextEllipsis,
+	HdTimeLine,
+	HdUploader
+];
+//#endregion
+export { component_default as default };
+
+//# sourceMappingURL=component.mjs.map

package/es/component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.mjs","names":[],"sources":["../../../packages/hd-custom/component.ts"],"sourcesContent":["import { HdDatePicker } from '@hd-custom/components/date-picker'\nimport { HdDescriptions } from '@hd-custom/components/descriptions'\nimport { HdEllipsisTag } from '@hd-custom/components/ellipsis-tag'\nimport { HdEmpty } from '@hd-custom/components/empty'\nimport { HdJdataViewer } from '@hd-custom/components/jdata-viewer'\nimport { HdRadio } from '@hd-custom/components/radio'\nimport { HdRemoteSearch } from '@hd-custom/components/remote-search'\nimport { HdSearchForm } from '@hd-custom/components/search-form'\nimport { HdStickyContainer } from '@hd-custom/components/sticky-container'\nimport { HdTable } from '@hd-custom/components/table'\nimport { HdTableEditor } from '@hd-custom/components/table-editor'\nimport { HdTabs } from '@hd-custom/components/tabs'\nimport { HdTareaTag } from '@hd-custom/components/tarea-tag'\nimport { HdTextEllipsis } from '@hd-custom/components/text-ellipsis'\nimport { HdTimeLine } from '@hd-custom/components/time-line'\nimport { HdUploader } from '@hd-custom/components/uploader'\nimport type { Plugin } from 'vue'\n\nexport default [\n  HdDatePicker,\n  HdDescriptions,\n  HdEllipsisTag,\n  HdEmpty,\n  HdJdataViewer,\n  HdRadio,\n  HdRemoteSearch,\n  HdSearchForm,\n  HdStickyContainer,\n  HdTable,\n  HdTableEditor,\n  HdTabs,\n  HdTareaTag,\n  HdTextEllipsis,\n  HdTimeLine,\n  HdUploader,\n] as Plugin[]\n"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,IAAA,oBAAe;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/es/components/date-picker/index.d.ts

@@ -0,0 +1,6 @@
+import DatePicker from './src/date-picker.vue.js';
+import type { SFCWithInstall } from '../../utils/index.js';
+export declare const HdDatePicker: SFCWithInstall<typeof DatePicker>;
+export default HdDatePicker;
+export * from './src/date-picker.js';
+export type { DatePickerInstance } from './src/instance.js';

package/es/components/date-picker/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import { datePickerEmits, datePickerProps } from "./src/date-picker.mjs";
+import date_picker_default from "./src/date-picker.vue.mjs";
+//#region packages/components/date-picker/index.ts
+var HdDatePicker = withInstall(date_picker_default);
+//#endregion
+export { HdDatePicker, HdDatePicker as default, datePickerEmits, datePickerProps };
+
+//# sourceMappingURL=index.mjs.map

package/es/components/date-picker/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/components/date-picker/index.ts"],"sourcesContent":["import { withInstall } from '@hd-custom/utils'\n\nimport DatePicker from './src/date-picker.vue'\nimport type { SFCWithInstall } from '@hd-custom/utils'\n\nexport const HdDatePicker: SFCWithInstall<typeof DatePicker> = withInstall(DatePicker)\nexport default HdDatePicker\n\nexport * from './src/date-picker'\nexport type { DatePickerInstance } from './src/instance'\n"],"mappings":";;;;AAKA,IAAa,eAAkD,YAAY,oBAAW"}

package/es/components/date-picker/src/date-picker.d.ts

@@ -0,0 +1,19 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+type DateModelType = number | string | Date;
+export declare const datePickerProps: {
+    start: {
+        type: PropType<DateModelType>;
+        default: string;
+    };
+    end: {
+        type: PropType<DateModelType>;
+        default: string;
+    };
+    type: {
+        type: PropType<"daterange" | "datetimerange">;
+        default: string;
+    };
+};
+export declare const datePickerEmits: string[];
+export type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;
+export {};

package/es/components/date-picker/src/date-picker.mjs

@@ -0,0 +1,28 @@
+//#region packages/components/date-picker/src/date-picker.ts
+var datePickerProps = {
+	start: {
+		type: [
+			Date,
+			String,
+			Number
+		],
+		default: ""
+	},
+	end: {
+		type: [
+			Date,
+			String,
+			Number
+		],
+		default: ""
+	},
+	type: {
+		type: String,
+		default: "daterange"
+	}
+};
+var datePickerEmits = ["update:start", "update:end"];
+//#endregion
+export { datePickerEmits, datePickerProps };
+
+//# sourceMappingURL=date-picker.mjs.map

package/es/components/date-picker/src/date-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.mjs","names":[],"sources":["../../../../../../packages/components/date-picker/src/date-picker.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue'\n\ntype DateModelType = number | string | Date\n\nexport const datePickerProps = {\n  start: {\n    type: [Date, String, Number] as PropType<DateModelType>,\n    default: '',\n  },\n  end: {\n    type: [Date, String, Number] as PropType<DateModelType>,\n    default: '',\n  },\n  type: {\n    type: String as PropType<'daterange' | 'datetimerange'>,\n    default: 'daterange',\n  },\n}\n\nexport const datePickerEmits = ['update:start', 'update:end']\n\nexport type DatePickerProps = ExtractPropTypes<typeof datePickerProps>\n"],"mappings":";AAIA,IAAa,kBAAkB;CAC7B,OAAO;EACL,MAAM;GAAC;GAAM;GAAQ;GAAO;EAC5B,SAAS;EACV;CACD,KAAK;EACH,MAAM;GAAC;GAAM;GAAQ;GAAO;EAC5B,SAAS;EACV;CACD,MAAM;EACJ,MAAM;EACN,SAAS;EACV;CACF;AAED,IAAa,kBAAkB,CAAC,gBAAgB,aAAa"}

package/es/components/date-picker/src/date-picker.vue.d.ts

@@ -0,0 +1,33 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    start: {
+        type: import("vue").PropType<string | number | Date>;
+        default: string;
+    };
+    end: {
+        type: import("vue").PropType<string | number | Date>;
+        default: string;
+    };
+    type: {
+        type: import("vue").PropType<"daterange" | "datetimerange">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    start: {
+        type: import("vue").PropType<string | number | Date>;
+        default: string;
+    };
+    end: {
+        type: import("vue").PropType<string | number | Date>;
+        default: string;
+    };
+    type: {
+        type: import("vue").PropType<"daterange" | "datetimerange">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    type: "daterange" | "datetimerange";
+    start: string | number | Date;
+    end: string | number | Date;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/components/date-picker/src/date-picker.vue.mjs

@@ -0,0 +1,7 @@
+import date_picker_vue_vue_type_script_setup_true_lang_default from "./date-picker.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/date-picker/src/date-picker.vue
+var date_picker_default = date_picker_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { date_picker_default as default };
+
+//# sourceMappingURL=date-picker.vue.mjs.map

package/es/components/date-picker/src/date-picker.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.vue.mjs","names":[],"sources":["../../../../../../packages/components/date-picker/src/date-picker.vue"],"sourcesContent":["<template>\n  <el-date-picker\n    v-model=\"timer\"\n    class=\"hd-date-picker hd-c-date-picker\"\n    :type=\"type\"\n    range-separator=\"-\"\n    start-placeholder=\"开始日期\"\n    end-placeholder=\"结束日期\"\n    :default-time=\"[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)]\"\n  />\n</template>\n<script lang=\"ts\" setup>\nimport { ElDatePicker } from 'element-plus'\nimport { computed } from 'vue'\nimport { datePickerProps, datePickerEmits } from './date-picker'\n\ndefineOptions({\n  name: 'DatePicker',\n})\n\nconst props = defineProps(datePickerProps)\n\nconst emit = defineEmits(datePickerEmits)\n\nconst timer: any = computed({\n  get: () => [props.start, props.end],\n  set: (val) => {\n    emit('update:start', val?.length > 1 ? val[0] : '')\n    emit('update:end', val?.length > 1 ? val[1] : '')\n  },\n})\n</script>\n"],"mappings":""}

package/es/components/date-picker/src/date-picker.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,42 @@
+import { datePickerEmits, datePickerProps } from "./date-picker.mjs";
+import { computed, createBlock, defineComponent, openBlock, unref } from "vue";
+import { ElDatePicker } from "element-plus";
+//#region packages/components/date-picker/src/date-picker.vue?vue&type=script&setup=true&lang.ts
+var date_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "DatePicker",
+	__name: "date-picker",
+	props: datePickerProps,
+	emits: datePickerEmits,
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const timer = computed({
+			get: () => [props.start, props.end],
+			set: (val) => {
+				emit("update:start", (val === null || val === void 0 ? void 0 : val.length) > 1 ? val[0] : "");
+				emit("update:end", (val === null || val === void 0 ? void 0 : val.length) > 1 ? val[1] : "");
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ElDatePicker), {
+				modelValue: timer.value,
+				"onUpdate:modelValue": ($event) => timer.value = $event,
+				class: "hd-date-picker hd-c-date-picker",
+				type: _ctx.type,
+				"range-separator": "-",
+				"start-placeholder": "开始日期",
+				"end-placeholder": "结束日期",
+				"default-time": [new Date(2e3, 1, 1, 0, 0, 0), new Date(2e3, 2, 1, 23, 59, 59)]
+			}, null, 8, [
+				"modelValue",
+				"onUpdate:modelValue",
+				"type",
+				"default-time"
+			]);
+		};
+	}
+});
+//#endregion
+export { date_picker_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=date-picker.vue_vue_type_script_setup_true_lang.mjs.map

package/es/components/date-picker/src/date-picker.vue_vue_type_script_setup_true_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.vue_vue_type_script_setup_true_lang.mjs","names":["type"],"sources":["../../../../../../packages/components/date-picker/src/date-picker.vue"],"sourcesContent":["<template>\n  <el-date-picker\n    v-model=\"timer\"\n    class=\"hd-date-picker hd-c-date-picker\"\n    :type=\"type\"\n    range-separator=\"-\"\n    start-placeholder=\"开始日期\"\n    end-placeholder=\"结束日期\"\n    :default-time=\"[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)]\"\n  />\n</template>\n<script lang=\"ts\" setup>\nimport { ElDatePicker } from 'element-plus'\nimport { computed } from 'vue'\nimport { datePickerProps, datePickerEmits } from './date-picker'\n\ndefineOptions({\n  name: 'DatePicker',\n})\n\nconst props = defineProps(datePickerProps)\n\nconst emit = defineEmits(datePickerEmits)\n\nconst timer: any = computed({\n  get: () => [props.start, props.end],\n  set: (val) => {\n    emit('update:start', val?.length > 1 ? val[0] : '')\n    emit('update:end', val?.length > 1 ? val[1] : '')\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;EAoBA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,QAAa,SAAS;GAC1B,WAAW,CAAC,MAAM,OAAO,MAAM,IAAI;GACnC,MAAM,QAAQ;AACZ,SAAK,iBAAA,QAAA,QAAA,QAAA,KAAA,IAAA,KAAA,IAAgB,IAAK,UAAS,IAAI,IAAI,KAAK,GAAE;AAClD,SAAK,eAAA,QAAA,QAAA,QAAA,KAAA,IAAA,KAAA,IAAc,IAAK,UAAS,IAAI,IAAI,KAAK,GAAE;;GAEnD,CAAA;;uBA7BC,YAQE,MAAA,aAAA,EAAA;gBAPS,MAAA;6CAAK,QAAA;IACd,OAAM;IACL,MAAMA,KAAAA;IACP,mBAAgB;IAChB,qBAAkB;IAClB,mBAAgB;IACf,gBAAY,CAAA,IAAO,KAAI,KAAA,GAAA,GAAA,GAAA,GAAA,EAAA,EAAA,IAA2B,KAAI,KAAA,GAAA,GAAA,IAAA,IAAA,GAAA,CAAA"}

package/es/components/date-picker/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type DatePicker from './date-picker.vue.js';
+export type DatePickerInstance = InstanceType<typeof DatePicker>;

package/es/components/date-picker/style/index.d.ts

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

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

@@ -0,0 +1,6 @@
+import Descriptions from './src/descriptions.js';
+import type { SFCWithInstall } from '../../utils/index.js';
+export declare const HdDescriptions: SFCWithInstall<typeof Descriptions>;
+export default HdDescriptions;
+export * from './src/idescriptions.js';
+export type { DescriptionsInstance } from './src/instance.js';

package/es/components/descriptions/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import { descriptionsProps } from "./src/idescriptions.mjs";
+import descriptions_default from "./src/descriptions.mjs";
+//#region packages/components/descriptions/index.ts
+var HdDescriptions = withInstall(descriptions_default);
+//#endregion
+export { HdDescriptions, HdDescriptions as default, descriptionsProps };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/components/descriptions/index.ts"],"sourcesContent":["import { withInstall } from '@hd-custom/utils'\n\nimport Descriptions from './src/descriptions'\nimport type { SFCWithInstall } from '@hd-custom/utils'\n\nexport const HdDescriptions: SFCWithInstall<typeof Descriptions> = withInstall(Descriptions)\nexport default HdDescriptions\n\nexport * from './src/idescriptions'\nexport type { DescriptionsInstance } from './src/instance'\n"],"mappings":";;;;AAKA,IAAa,iBAAsD,YAAY,qBAAa"}

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

@@ -0,0 +1,42 @@
+import { ListProps } from './idescriptions.js';
+declare const _default: import("vue").DefineComponent<{
+    data: Record<string, any>;
+    span: number;
+    labelPosition: string;
+    list: ListProps[];
+    labelWidth: string;
+    labelAlign: string;
+    labelSuffixHide: boolean;
+    border: boolean;
+    labelColor: string;
+    valueColor: string;
+    lineHeight: string;
+    colAignItemsCenter: boolean;
+}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    data: Record<string, any>;
+    span: number;
+    labelPosition: string;
+    list: ListProps[];
+    labelWidth: string;
+    labelAlign: string;
+    labelSuffixHide: boolean;
+    border: boolean;
+    labelColor: string;
+    valueColor: string;
+    lineHeight: string;
+    colAignItemsCenter: boolean;
+}> & Readonly<{}>, {
+    data: Record<string, any>;
+    span: number;
+    labelPosition: string;
+    list: ListProps[];
+    labelWidth: string;
+    labelAlign: string;
+    labelSuffixHide: boolean;
+    border: boolean;
+    labelColor: string;
+    valueColor: string;
+    lineHeight: string;
+    colAignItemsCenter: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/descriptions/src/descriptions.mjs

@@ -0,0 +1,86 @@
+import { descriptionsProps } from "./idescriptions.mjs";
+import { Fragment, computed, createTextVNode, createVNode, defineComponent, isVNode } from "vue";
+import { ElCol, ElRow } from "element-plus";
+//#region packages/components/descriptions/src/descriptions.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var descriptions_default = /* @__PURE__ */ defineComponent({
+	name: "Descriptions",
+	props: descriptionsProps,
+	setup(props, { slots }) {
+		const isItemVisible = (item) => {
+			if (item.show === void 0) return true;
+			return typeof item.show === "function" ? item.show() : item.show;
+		};
+		const labelWidth = computed(() => {
+			if (props.labelPosition === "top") return "auto";
+			if (props.border && props.labelWidth === "auto") return "100px";
+			return props.labelWidth;
+		});
+		const getItemLabelPosition = (item) => item.labelPosition || props.labelPosition;
+		const getItemStyles = (item) => ({
+			display: "flex",
+			flexDirection: getItemLabelPosition(item) === "top" ? "column" : "row"
+		});
+		const getLabelStyles = (item) => {
+			const itemLabelPosition = getItemLabelPosition(item);
+			return {
+				width: itemLabelPosition === "top" ? "auto" : labelWidth.value,
+				textAlign: props.labelAlign,
+				paddingRight: props.labelSuffixHide ? "12px" : "",
+				fontWeight: 500,
+				color: props.labelColor,
+				...itemLabelPosition === "top" ? { marginBottom: "8px" } : {}
+			};
+		};
+		const getValueStyles = (item) => ({
+			color: props.valueColor,
+			...getItemLabelPosition(item) === "top" ? { width: "100%" } : {}
+		});
+		const renderItemContent = (item) => {
+			var _slots$item$prop;
+			if (!item.prop) return null;
+			if (item.render) return item.render(item);
+			if (slots[item.prop]) return (_slots$item$prop = slots[item.prop]) === null || _slots$item$prop === void 0 ? void 0 : _slots$item$prop.call(slots, item);
+			const value = props.data[item.prop];
+			return createVNode("div", { "class": "w-full flex flex-wrap break-all" }, [item.enum ? item.enum[value] : value === void 0 || value === null ? "--" : value]);
+		};
+		const shouldShowLabel = (label) => label !== void 0 && label !== null && label.trim() !== "";
+		const renderLabel = (item) => {
+			var _slots;
+			if (slots[`label-${item.prop}`]) return (_slots = slots[`label-${item.prop}`]) === null || _slots === void 0 ? void 0 : _slots.call(slots, item);
+			if (item.labelRender) return item.labelRender(item);
+			return createVNode(Fragment, null, [item.label, !props.labelSuffixHide && !props.border && getItemLabelPosition(item) !== "top" && "："]);
+		};
+		return () => {
+			let _slot;
+			return createVNode("div", { "class": `text-[14px] ${props.border ? "descriptions-border" : ""}` }, [props.data ? createVNode(ElRow, {
+				"gutter": !props.border ? 16 : 0,
+				"class": "overflow-x-hidden",
+				"style": { lineHeight: props.lineHeight }
+			}, _isSlot(_slot = props.list.map((item) => {
+				const itemLabelPosition = getItemLabelPosition(item);
+				if (!isItemVisible(item)) return null;
+				return createVNode(ElCol, {
+					"style": getItemStyles(item),
+					"span": item.span || props.span,
+					"class": ["overflow-x-hidden", props.colAignItemsCenter ? "items-center" : ""]
+				}, { default: () => [shouldShowLabel(item.label) && createVNode("div", {
+					"class": {
+						"text-opc0": !item.label,
+						"desc-label": props.border
+					},
+					"style": getLabelStyles(item)
+				}, [renderLabel(item)]), createVNode("div", {
+					"class": `${itemLabelPosition === "top" ? "w-full" : "flex-1 w-0"} desc-prop`,
+					"style": getValueStyles(item)
+				}, [renderItemContent(item)])] });
+			})) ? _slot : { default: () => [_slot] }) : createVNode("div", { "class": "h-[100px] flex items-center justify-center" }, [createTextVNode("暂无数据")])]);
+		};
+	}
+});
+//#endregion
+export { descriptions_default as default };
+
+//# sourceMappingURL=descriptions.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions.mjs","names":["computed","defineComponent","Fragment","createVNode","_createVNode","_Fragment","isVNode","_isVNode","createTextVNode","_createTextVNode","descriptionsProps","ElRow","ElCol","_isSlot","s","Object","prototype","toString","call","name","props","setup","slots","isItemVisible","item","show","undefined","labelWidth","labelPosition","border","getItemLabelPosition","getItemStyles","display","flexDirection","getLabelStyles","itemLabelPosition","width","value","textAlign","labelAlign","paddingRight","labelSuffixHide","fontWeight","color","labelColor","marginBottom","getValueStyles","valueColor","renderItemContent","prop","render","data","displayValue","enum","shouldShowLabel","label","trim","renderLabel","labelRender","_slot","lineHeight","list","map","span","colAignItemsCenter","default"],"sources":["../../../../../../packages/components/descriptions/src/descriptions.tsx"],"sourcesContent":["import { SetupContext, computed, defineComponent, Fragment } from 'vue'\nimport { descriptionsProps, DescriptionsProps, ListProps } from './idescriptions'\nimport { ElRow, ElCol } from 'element-plus'\n\nexport default defineComponent({\n  name: 'Descriptions',\n  props: descriptionsProps,\n  setup(props: DescriptionsProps, { slots }: SetupContext) {\n    // 计算列表项是否显示\n    const isItemVisible = (item: ListProps) => {\n      if (item.show === undefined) return true\n      return typeof item.show === 'function' ? item.show() : item.show\n    }\n\n    // 计算标签宽度\n    const labelWidth = computed(() => {\n      if (props.labelPosition === 'top') return 'auto'\n      if (props.border && props.labelWidth === 'auto') return '100px'\n      return props.labelWidth\n    })\n\n    // 获取标签位置\n    const getItemLabelPosition = (item: ListProps) => item.labelPosition || props.labelPosition\n\n    // 计算列表项样式\n    const getItemStyles = (item: ListProps) => ({\n      display: 'flex',\n      flexDirection: getItemLabelPosition(item) === 'top' ? 'column' : 'row',\n    })\n\n    // 计算标签样式\n    const getLabelStyles = (item: ListProps) => {\n      const itemLabelPosition = getItemLabelPosition(item)\n      return {\n        width: itemLabelPosition === 'top' ? 'auto' : labelWidth.value,\n        textAlign: props.labelAlign,\n        paddingRight: props.labelSuffixHide ? '12px' : '',\n        fontWeight: 500,\n        color: props.labelColor,\n        ...(itemLabelPosition === 'top' ? { marginBottom: '8px' } : {}),\n      }\n    }\n\n    // 计算值样式\n    const getValueStyles = (item: ListProps) => ({\n      color: props.valueColor,\n      ...(getItemLabelPosition(item) === 'top' ? { width: '100%' } : {}),\n    })\n\n    // 渲染列表项内容\n    const renderItemContent = (item: ListProps) => {\n      if (!item.prop) return null\n\n      if (item.render) return item.render(item)\n      if (slots[item.prop]) return slots[item.prop]?.(item)\n\n      const value = props.data[item.prop]\n      const displayValue = item.enum ? item.enum[value] : value === undefined || value === null ? '--' : value\n\n      return <div class=\"w-full flex flex-wrap break-all\">{displayValue}</div>\n    }\n\n    // 判断是否显示标签\n    const shouldShowLabel = (label?: string) => label !== undefined && label !== null && label.trim() !== ''\n\n    // 渲染标签内容\n    const renderLabel = (item: ListProps) => {\n      if (slots[`label-${item.prop}`]) return slots[`label-${item.prop}`]?.(item)\n      if (item.labelRender) return item.labelRender(item)\n      return (\n        <Fragment>\n          {item.label}\n          {!props.labelSuffixHide && !props.border && getItemLabelPosition(item) !== 'top' && '：'}\n        </Fragment>\n      )\n    }\n\n    return () => (\n      <div class={`text-[14px] ${props.border ? 'descriptions-border' : ''}`}>\n        {props.data ? (\n          <ElRow gutter={!props.border ? 16 : 0} class=\"overflow-x-hidden\" style={{ lineHeight: props.lineHeight }}>\n            {props.list.map((item: ListProps) => {\n              const itemLabelPosition = getItemLabelPosition(item)\n\n              if (!isItemVisible(item)) return null\n\n              return (\n                <ElCol\n                  style={getItemStyles(item)}\n                  span={item.span || props.span}\n                  class={['overflow-x-hidden', props.colAignItemsCenter ? 'items-center' : '']}\n                >\n                  {shouldShowLabel(item.label) && (\n                    <div\n                      class={{\n                        'text-opc0': !item.label,\n                        'desc-label': props.border,\n                      }}\n                      style={getLabelStyles(item)}\n                    >\n                      {renderLabel(item)}\n                    </div>\n                  )}\n                  <div\n                    class={`${itemLabelPosition === 'top' ? 'w-full' : 'flex-1 w-0'} desc-prop`}\n                    style={getValueStyles(item)}\n                  >\n                    {renderItemContent(item)}\n                  </div>\n                </ElCol>\n              )\n            })}\n          </ElRow>\n        ) : (\n          <div class=\"h-[100px] flex items-center justify-center\">暂无数据</div>\n        )}\n      </div>\n    )\n  },\n})\n"],"mappings":"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"}

package/es/components/descriptions/src/idescriptions.d.ts

@@ -0,0 +1,72 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+interface LabelProps {
+    label?: string;
+    prop?: string;
+}
+export interface ListProps extends LabelProps {
+    render?: Function;
+    labelRender?: Function;
+    span?: number;
+    enum?: any;
+    show?: boolean | Function;
+    labelPosition?: 'left' | 'top';
+}
+export interface DescriptionsListProps extends LabelProps {
+    render?: Function;
+    labelRender?: Function;
+    span?: number;
+    enum?: any;
+    show?: boolean | Function;
+}
+export declare const descriptionsProps: {
+    list: {
+        type: PropType<ListProps[]>;
+        default: () => never[];
+    };
+    data: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    labelWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelAlign: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelSuffixHide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    lineHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    colAignItemsCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type DescriptionsProps = ExtractPropTypes<typeof descriptionsProps>;
+export {};

package/es/components/descriptions/src/idescriptions.mjs

@@ -0,0 +1,55 @@
+//#region packages/components/descriptions/src/idescriptions.ts
+var descriptionsProps = {
+	list: {
+		type: Array,
+		default: () => []
+	},
+	data: {
+		type: Object,
+		default: () => ({})
+	},
+	span: {
+		type: Number,
+		default: 8
+	},
+	labelWidth: {
+		type: String,
+		default: "auto"
+	},
+	labelAlign: {
+		type: String,
+		default: "left"
+	},
+	labelPosition: {
+		type: String,
+		default: "left"
+	},
+	labelSuffixHide: {
+		type: Boolean,
+		default: false
+	},
+	border: {
+		type: Boolean,
+		default: false
+	},
+	labelColor: {
+		type: String,
+		default: "#606266"
+	},
+	valueColor: {
+		type: String,
+		default: "#909399"
+	},
+	lineHeight: {
+		type: String,
+		default: "26px"
+	},
+	colAignItemsCenter: {
+		type: Boolean,
+		default: false
+	}
+};
+//#endregion
+export { descriptionsProps };
+
+//# sourceMappingURL=idescriptions.mjs.map