@gct-paas/design 0.1.4-dev.8 → 0.1.5-dev.0

package/es/components/editor/style/spacing-editor/spacing-editor.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,262 @@
+import { emitFieldSet, parseValueUnit } from "@gct-paas/core";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, normalizeClass, openBlock, ref, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/editor/style/spacing-editor/spacing-editor.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "spacing-editor" };
+var _hoisted_2 = {
+	key: 1,
+	class: "label"
+};
+var _hoisted_3 = { class: "spacing-editor__container pb20px" };
+var _hoisted_4 = {
+	key: 0,
+	class: "box"
+};
+var _hoisted_5 = { class: "box-inner" };
+var _hoisted_6 = {
+	key: 1,
+	class: "box"
+};
+var _hoisted_7 = { class: "box-inner" };
+var spacing_editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "spacing-editor",
+	props: {
+		padding: {},
+		margin: {},
+		showArea: { default: () => ["padding", "margin"] }
+	},
+	emits: ["update:padding", "update:margin"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const _activeTab = ref("margin");
+		const activeTab = computed({
+			get: () => {
+				return props.showArea.length > 1 ? _activeTab.value : props.showArea[0];
+			},
+			set: (val) => {
+				if (props.showArea.length > 1) _activeTab.value = val;
+			}
+		});
+		const curFocus = ref();
+		const handleFocus = (c) => {
+			curFocus.value = c;
+		};
+		const handleBlur = (_e, _position) => {
+			curFocus.value = "";
+		};
+		function calcLocalSpacing(spacing) {
+			function toNum(val) {
+				return val ? parseValueUnit(val).value : 0;
+			}
+			const nums = {
+				top: toNum(spacing?.top),
+				right: toNum(spacing?.right),
+				bottom: toNum(spacing?.bottom),
+				left: toNum(spacing?.left)
+			};
+			const isSame = nums.top === nums.right && nums.top === nums.bottom && nums.top === nums.left;
+			return {
+				top: nums.top,
+				right: nums.right,
+				bottom: nums.bottom,
+				left: nums.left,
+				center: isSame ? nums.top : void 0
+			};
+		}
+		function calcEmitSpacing(local, isCenterChange = false) {
+			const centerVal = local.center ? local.center : 0;
+			return {
+				top: (isCenterChange ? centerVal : local.top || 0) + "px",
+				right: (isCenterChange ? centerVal : local.right || 0) + "px",
+				bottom: (isCenterChange ? centerVal : local.bottom || 0) + "px",
+				left: (isCenterChange ? centerVal : local.left || 0) + "px"
+			};
+		}
+		const { top: paddingTop, bottom: paddingBottom, left: paddingLeft, right: paddingRight, center: paddingAll } = emitFieldSet(computed(() => {
+			return calcLocalSpacing(props.padding);
+		}), (f, _v, obj) => {
+			emit("update:padding", calcEmitSpacing(obj, f === "center"));
+		});
+		const { top: marginTop, bottom: marginBottom, left: marginLeft, right: marginRight, center: marginAll } = emitFieldSet(computed(() => {
+			return calcLocalSpacing(props.margin);
+		}), (f, _v, obj) => {
+			emit("update:margin", calcEmitSpacing(obj, f === "center"));
+		});
+		return (_ctx, _cache) => {
+			const _component_a_tab_pane = resolveComponent("a-tab-pane");
+			const _component_a_tabs = resolveComponent("a-tabs");
+			const _component_a_input_number = resolveComponent("a-input-number");
+			return openBlock(), createElementBlock("div", _hoisted_1, [__props.showArea.length > 1 ? (openBlock(), createBlock(_component_a_tabs, {
+				key: 0,
+				"active-key": activeTab.value,
+				"onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeTab.value = $event),
+				class: "margin-padding-tabs"
+			}, {
+				default: withCtx(() => [createVNode(_component_a_tab_pane, {
+					key: "margin",
+					tab: "外边距"
+				}), createVNode(_component_a_tab_pane, {
+					key: "padding",
+					tab: "内边距"
+				})]),
+				_: 1
+			}, 8, ["active-key"])) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.showArea.includes("margin") ? "外边距" : "内边距"), 1)), createElementVNode("div", _hoisted_3, [activeTab.value === "margin" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+				createElementVNode("div", _hoisted_5, [
+					createElementVNode("div", { class: normalizeClass([{ highlight: curFocus.value === "top" || curFocus.value === "center" }, "box-inner-line line-top"]) }, null, 2),
+					createElementVNode("div", { class: normalizeClass([{ highlight: curFocus.value === "right" || curFocus.value === "center" }, "box-inner-line line-right"]) }, null, 2),
+					createElementVNode("div", { class: normalizeClass([{ highlight: curFocus.value === "bottom" || curFocus.value === "center" }, "box-inner-line line-bottom"]) }, null, 2),
+					createElementVNode("div", { class: normalizeClass([{ highlight: curFocus.value === "left" || curFocus.value === "center" }, "box-inner-line line-left"]) }, null, 2)
+				]),
+				createVNode(_component_a_input_number, {
+					value: unref(marginTop),
+					"onUpdate:value": _cache[1] || (_cache[1] = ($event) => isRef(marginTop) ? marginTop.value = $event : null),
+					"allow-clear": false,
+					controls: false,
+					size: "small",
+					min: 0,
+					max: 999,
+					step: 1,
+					precision: 0,
+					class: "top input",
+					onFocus: _cache[2] || (_cache[2] = ($event) => handleFocus("top")),
+					onBlur: _cache[3] || (_cache[3] = ($event) => handleBlur($event, "marginTop"))
+				}, null, 8, ["value"]),
+				createVNode(_component_a_input_number, {
+					value: unref(marginRight),
+					"onUpdate:value": _cache[4] || (_cache[4] = ($event) => isRef(marginRight) ? marginRight.value = $event : null),
+					"allow-clear": false,
+					controls: false,
+					size: "small",
+					min: 0,
+					max: 999,
+					step: 1,
+					precision: 0,
+					class: "right input",
+					onFocus: _cache[5] || (_cache[5] = ($event) => handleFocus("right")),
+					onBlur: _cache[6] || (_cache[6] = ($event) => handleBlur($event, "marginRight"))
+				}, null, 8, ["value"]),
+				createVNode(_component_a_input_number, {
+					value: unref(marginBottom),
+					"onUpdate:value": _cache[7] || (_cache[7] = ($event) => isRef(marginBottom) ? marginBottom.value = $event : null),
+					"allow-clear": false,
+					controls: false,
+					size: "small",
+					min: 0,
+					max: 999,
+					step: 1,
+					precision: 0,
+					class: "bottom input",
+					onFocus: _cache[8] || (_cache[8] = ($event) => handleFocus("bottom")),
+					onBlur: _cache[9] || (_cache[9] = ($event) => handleBlur($event, "marginBottom"))
+				}, null, 8, ["value"]),
+				createVNode(_component_a_input_number, {
+					value: unref(marginLeft),
+					"onUpdate:value": _cache[10] || (_cache[10] = ($event) => isRef(marginLeft) ? marginLeft.value = $event : null),
+					"allow-clear": false,
+					controls: false,
+					size: "small",
+					min: 0,
+					max: 999,
+					step: 1,
+					precision: 0,
+					class: "left input",
+					onFocus: _cache[11] || (_cache[11] = ($event) => handleFocus("left")),
+					onBlur: _cache[12] || (_cache[12] = ($event) => handleBlur($event, "marginLeft"))
+				}, null, 8, ["value"]),
+				createVNode(_component_a_input_number, {
+					value: unref(marginAll),
+					"onUpdate:value": _cache[13] || (_cache[13] = ($event) => isRef(marginAll) ? marginAll.value = $event : null),
+					"allow-clear": false,
+					controls: false,
+					size: "small",
+					min: 0,
+					max: 999,
+					step: 1,
+					precision: 0,
+					class: "center input",
+					onFocus: _cache[14] || (_cache[14] = ($event) => handleFocus("center")),
+					onBlur: _cache[15] || (_cache[15] = ($event) => handleBlur($event, "marginAll"))
+				}, null, 8, ["value"])
+			])) : createCommentVNode("", true), activeTab.value === "padding" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+				createElementVNode("div", _hoisted_7, [
+					createElementVNode("div", { class: normalizeClass([{ highlight: curFocus.value === "top" || curFocus.value === "center" }, "box-inner-line line-top line-padding"]) }, null, 2),
+					createElementVNode("div", { class: normalizeClass([{ highlight: curFocus.value === "right" || curFocus.value === "center" }, "box-inner-line line-right line-padding"]) }, null, 2),
+					createElementVNode("div", { class: normalizeClass([{ highlight: curFocus.value === "bottom" || curFocus.value === "center" }, "box-inner-line line-bottom line-padding"]) }, null, 2),
+					createElementVNode("div", { class: normalizeClass([{ highlight: curFocus.value === "left" || curFocus.value === "center" }, "box-inner-line line-left line-padding"]) }, null, 2)
+				]),
+				createVNode(_component_a_input_number, {
+					value: unref(paddingTop),
+					"onUpdate:value": _cache[16] || (_cache[16] = ($event) => isRef(paddingTop) ? paddingTop.value = $event : null),
+					class: "top input",
+					"allow-clear": false,
+					controls: false,
+					size: "small",
+					min: 0,
+					max: 999,
+					step: 1,
+					precision: 0,
+					onFocus: _cache[17] || (_cache[17] = ($event) => handleFocus("top")),
+					onBlur: _cache[18] || (_cache[18] = ($event) => handleBlur($event, "paddingTop"))
+				}, null, 8, ["value"]),
+				createVNode(_component_a_input_number, {
+					value: unref(paddingRight),
+					"onUpdate:value": _cache[19] || (_cache[19] = ($event) => isRef(paddingRight) ? paddingRight.value = $event : null),
+					class: "right input",
+					"allow-clear": false,
+					controls: false,
+					size: "small",
+					min: 0,
+					max: 999,
+					step: 1,
+					precision: 0,
+					onFocus: _cache[20] || (_cache[20] = ($event) => handleFocus("right")),
+					onBlur: _cache[21] || (_cache[21] = ($event) => handleBlur($event, "paddingRight"))
+				}, null, 8, ["value"]),
+				createVNode(_component_a_input_number, {
+					value: unref(paddingBottom),
+					"onUpdate:value": _cache[22] || (_cache[22] = ($event) => isRef(paddingBottom) ? paddingBottom.value = $event : null),
+					class: "bottom input",
+					"allow-clear": false,
+					controls: false,
+					size: "small",
+					min: 0,
+					max: 999,
+					step: 1,
+					precision: 0,
+					onFocus: _cache[23] || (_cache[23] = ($event) => handleFocus("bottom")),
+					onBlur: _cache[24] || (_cache[24] = ($event) => handleBlur($event, "paddingBottom"))
+				}, null, 8, ["value"]),
+				createVNode(_component_a_input_number, {
+					value: unref(paddingLeft),
+					"onUpdate:value": _cache[25] || (_cache[25] = ($event) => isRef(paddingLeft) ? paddingLeft.value = $event : null),
+					class: "left input",
+					"allow-clear": false,
+					controls: false,
+					size: "small",
+					min: 0,
+					max: 999,
+					step: 1,
+					precision: 0,
+					onFocus: _cache[26] || (_cache[26] = ($event) => handleFocus("left")),
+					onBlur: _cache[27] || (_cache[27] = ($event) => handleBlur($event, "paddingLeft"))
+				}, null, 8, ["value"]),
+				createVNode(_component_a_input_number, {
+					value: unref(paddingAll),
+					"onUpdate:value": _cache[28] || (_cache[28] = ($event) => isRef(paddingAll) ? paddingAll.value = $event : null),
+					class: "center input",
+					"allow-clear": false,
+					controls: false,
+					size: "small",
+					min: 0,
+					max: 999,
+					step: 1,
+					precision: 0,
+					onFocus: _cache[29] || (_cache[29] = ($event) => handleFocus("center")),
+					onBlur: _cache[30] || (_cache[30] = ($event) => handleBlur($event, "paddingAll"))
+				}, null, 8, ["value"])
+			])) : createCommentVNode("", true)])]);
+		};
+	}
+});
+//#endregion
+export { spacing_editor_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/field-cascader/index.d.ts

@@ -0,0 +1,2 @@
+import { default as FieldCascader } from './src/FieldCascader.vue';
+export { FieldCascader };

package/es/components/field-cascader/index.mjs

@@ -0,0 +1 @@
+import "./src/FieldCascader.vue.mjs";

package/es/components/field-cascader/src/FieldCascader.vue.d.ts

@@ -0,0 +1,87 @@
+import { PropType } from 'vue';
+import { comPropsType } from './hooks';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    fieldMetaList: {
+        type: PropType<comPropsType["fieldMetaList"]>;
+        default: () => comPropsType["fieldMetaList"];
+    };
+    filterFieldByFunction: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+    maxLevel: {
+        type: NumberConstructor;
+        default: number;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    allowClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandToLeft: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    FieldClick: (...args: any[]) => void;
+    labelChange: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    fieldMetaList: {
+        type: PropType<comPropsType["fieldMetaList"]>;
+        default: () => comPropsType["fieldMetaList"];
+    };
+    filterFieldByFunction: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+    maxLevel: {
+        type: NumberConstructor;
+        default: number;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    allowClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandToLeft: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onFieldClick?: ((...args: any[]) => any) | undefined;
+    onLabelChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+    allowClear: boolean;
+    fieldMetaList: (import('@gct-paas/api/apaas').FieldMetaDTO & {
+        __bindFields: string[];
+    })[];
+    maxLevel: number;
+    filterFieldByFunction: Function;
+    valueSeparator: string;
+    searchable: boolean;
+    expandToLeft: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/field-cascader/src/FieldCascader.vue.mjs

@@ -0,0 +1,6 @@
+import FieldCascader_vue_vue_type_script_setup_true_lang_default from "./FieldCascader.vue_vue_type_script_setup_true_lang.mjs";
+import './FieldCascader.vue_vue_type_style_index_0_lang.css';/* empty css                                                    */
+//#region src/components/field-cascader/src/FieldCascader.vue
+var FieldCascader_default = FieldCascader_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { FieldCascader_default as default };

package/es/components/field-cascader/src/FieldCascader.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,115 @@
+import { useFieldCascader } from "./hooks.mjs";
+import { createBlock, defineComponent, h, openBlock, ref, resolveComponent, unref } from "vue";
+//#region src/components/field-cascader/src/FieldCascader.vue?vue&type=script&setup=true&lang.ts
+var FieldCascader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldCascader",
+	props: {
+		fieldMetaList: {
+			type: Object,
+			default: () => {
+				return [];
+			}
+		},
+		filterFieldByFunction: {
+			type: Function,
+			default: () => true
+		},
+		maxLevel: {
+			type: Number,
+			default: 3
+		},
+		value: {
+			type: String,
+			default: ""
+		},
+		allowClear: {
+			type: Boolean,
+			default: false
+		},
+		valueSeparator: {
+			type: String,
+			default: "$"
+		},
+		searchable: {
+			type: Boolean,
+			default: true
+		},
+		expandToLeft: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["FieldClick", "labelChange"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const { visibleValue, getChildrenOptionsByKey, filterOptions, fieldValues, fieldMapByKey } = useFieldCascader(props, { onFieldClick });
+		const lastSelectedIds = ref();
+		const loadData = async (selectedOptions) => {
+			if (selectedOptions.map((i) => i.value).join(",") === lastSelectedIds.value) return;
+			lastSelectedIds.value = selectedOptions.slice(0, -1).map((item) => item.value).join(",");
+			const targetOption = selectedOptions.at(-1);
+			if (!targetOption.isExpandField) return;
+			await getChildrenOptionsByKey(targetOption.__props, selectedOptions.length + 1);
+		};
+		function dropdownVisibleChange(v) {
+			visibleValue.value = v;
+		}
+		function onFieldClick(row) {
+			const value = row?.__bindFields?.join(props.valueSeparator);
+			emit("FieldClick", value, row);
+			visibleValue.value = false;
+		}
+		function displayRender({ labels, selectedOptions }) {
+			const levelCount = selectedOptions.length;
+			let title = selectedOptions.filter((i) => i).map((i, index) => {
+				return index === levelCount - 1 ? i.title : i.titleWithRelation;
+			}).join(".");
+			if (!title && labels.length > 0)
+ /**过滤的时候会导致这边查不到 */
+			title = labels.map((k) => fieldMapByKey[k]?.name || "").join(".");
+			emit("labelChange", title);
+			return h("div", {
+				class: "ell",
+				title,
+				onClick: (e) => {
+					e.stopPropagation();
+					e.preventDefault();
+				}
+			}, title);
+		}
+		function change(v) {
+			if (v === void 0)
+ /**清空逻辑 */
+			emit("FieldClick", v, {});
+		}
+		return (_ctx, _cache) => {
+			const _component_a_cascader = resolveComponent("a-cascader");
+			return openBlock(), createBlock(_component_a_cascader, {
+				placeholder: "请选择",
+				options: unref(filterOptions),
+				"load-data": loadData,
+				"expand-trigger": "hover",
+				class: "gct-field-cascader-selector",
+				"dropdown-class-name": `gct-field-cascader ${props.expandToLeft ? "cascader-expand-to-left" : ""}`,
+				open: unref(visibleValue),
+				"allow-clear": __props.allowClear,
+				"display-render": displayRender,
+				value: unref(fieldValues),
+				placement: props.expandToLeft ? "topRight" : void 0,
+				onMousedown: _cache[0] || (_cache[0] = (e) => e.preventDefault()),
+				onDropdownVisibleChange: dropdownVisibleChange,
+				onChange: change
+			}, null, 8, [
+				"options",
+				"dropdown-class-name",
+				"open",
+				"allow-clear",
+				"value",
+				"placement"
+			]);
+		};
+	}
+});
+//#endregion
+export { FieldCascader_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/field-cascader/src/FieldCascader.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,69 @@
+.gct-field-cascader {
+  padding: 0;
+}
+.gct-field-cascader .ant-cascader-menu {
+  min-width: 180px;
+  max-width: 280px;
+  height: 280px;
+  margin: 0;
+  padding: 0;
+}
+.gct-field-cascader .ant-cascader-menu-item-disabled {
+  color: #8b8b8b;
+  cursor: default;
+}
+.gct-field-cascader .ant-cascader-menu-item {
+  padding: 0;
+  color: #1a1d23;
+}
+.gct-field-cascader .ant-cascader-menu-item[aria-checked='true'] .gct-option-label {
+  background-color: color-mix(in srgb, var(--ant-primary-color) 8%, transparent);
+  color: var(--ant-primary-color);
+}
+.gct-field-cascader .ant-cascader-menu-item:hover {
+  background-color: #fff;
+  font-weight: normal;
+}
+.gct-field-cascader .ant-cascader-menu-item .ant-cascader-menu-item-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.gct-field-cascader .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon {
+  display: none;
+}
+.gct-field-cascader .ant-cascader-menu-item .ant-cascader-menu-item-loading-icon {
+  display: none;
+}
+.gct-field-cascader .ant-cascader-menu-item .gct-option-label {
+  box-sizing: border-box;
+  margin: 0 5px;
+  padding: 6px;
+  border-radius: 4px;
+}
+.gct-field-cascader .ant-cascader-menu-item .gct-option-label .iconfont {
+  color: #5a5f6b;
+  font-size: 14px;
+}
+.gct-field-cascader .ant-cascader-menu-item .gct-option-title {
+  box-sizing: border-box;
+  margin: 0 5px;
+  padding: 6px;
+  color: #8b8b8b;
+}
+.gct-field-cascader .ant-cascader-menu-item-active {
+  background-color: #fff;
+  font-weight: normal;
+}
+.gct-field-cascader .ant-cascader-menu-item-active .gct-option-label {
+  background-color: #f2f5f8;
+}
+.gct-field-cascader .ant-cascader-menu-item-active .gct-option-label .iconfont {
+  color: var(--ant-primary-color);
+}
+.cascader-expand-to-left .ant-cascader-menus {
+  flex-direction: row-reverse;
+}
+.cascader-expand-to-left .ant-cascader-menus .ant-cascader-menu {
+  width: 230px;
+}

package/es/components/field-cascader/src/SearchInput.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    visibleValue: {
+        value: boolean;
+    };
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/field-cascader/src/SearchInput.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import SearchInput_vue_vue_type_script_setup_true_lang_default from "./SearchInput.vue_vue_type_script_setup_true_lang.mjs";
+import './SearchInput.vue_vue_type_style_index_0_scoped_512c4b38_lang.css';/* empty css                                                                  */
+//#region src/components/field-cascader/src/SearchInput.vue
+var SearchInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(SearchInput_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-512c4b38"]]);
+//#endregion
+export { SearchInput_default as default };

package/es/components/field-cascader/src/SearchInput.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,38 @@
+import { createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, resolveComponent, watch, withCtx, withModifiers } from "vue";
+//#region src/components/field-cascader/src/SearchInput.vue?vue&type=script&setup=true&lang.ts
+var SearchInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SearchInput",
+	props: { visibleValue: {} },
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const value = ref();
+		function changeValue() {
+			emit("change", value.value);
+		}
+		watch(() => props.visibleValue.value, (val) => {
+			if (!val) {
+				value.value = void 0;
+				emit("change", value.value);
+			}
+		});
+		return (_ctx, _cache) => {
+			const _component_a_input = resolveComponent("a-input");
+			return openBlock(), createElementBlock("div", {
+				class: "gct-field-cascader-search",
+				onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
+			}, [createVNode(_component_a_input, {
+				value: value.value,
+				"onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+				placeholder: "搜索字段",
+				onChange: changeValue
+			}, {
+				prefix: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("span", { class: "iconfont icon-pad_search text-[#8B8B8B]" }, null, -1)])]),
+				_: 1
+			}, 8, ["value"])], 32);
+		};
+	}
+});
+//#endregion
+export { SearchInput_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/field-cascader/src/SearchInput.vue_vue_type_style_index_0_scoped_512c4b38_lang.css

@@ -0,0 +1,9 @@
+[data-v-512c4b38] .ant-input-affix-wrapper {
+  padding: 0 11px;
+  border: none;
+}
+.gct-field-cascader-search[data-v-512c4b38] {
+  box-sizing: border-box;
+  padding: 8px 0;
+  border-bottom: 1px solid #f2f5f8;
+}