@das-fed/ui 1.1.4 → 6.3.0-beta.1

package/packages/components/color-picker/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, warn, computed, getCurrentInstance as getCurrentInstance$1, watch as watch$1, unref as unref$1, inject, ref as ref$1, isRef, onMounted as onMounted$1, shallowRef, onBeforeUnmount, onBeforeMount, provide, renderSlot, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, nextTick as nextTick$1, withDirectives, createCommentVNode, Fragment, normalizeClass, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, normalizeStyle, vShow, cloneVNode, Text, Comment, Teleport, Transition, readonly, onDeactivated, reactive, watchEffect, renderList, withKeys, createTextVNode } from 'vue';
 import { withInstall as withInstall$1 } from '@das-fed/utils';
-import { DasInput, DasDropdown, DasIcon, DasDropdownMenu } from '@das-fed/ui';
+import { DasDropdown, DasDropdownMenu, DasIcon, DasInput } from '@das-fed/ui';
 import { useModelValue } from '@das-fed/utils/vue';
 import { unref, getCurrentScope, onScopeDispose, getCurrentInstance, onMounted, nextTick, watch, ref } from 'vue-demi';
 import { setThemeRule } from '@das-fed/web';
@@ -278,11 +278,13 @@ const getClientXY = (event) => {
 };
 
 /**
-* @vue/shared v3.4.21
+* @vue/shared v3.4.27
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
 
+
+
 !!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
 !!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
 const NOOP = () => {
@@ -2236,7 +2238,7 @@ const buildLocaleContext = (locale) => {
 };
 const localeContextKey = Symbol("localeContextKey");
 const useLocale = (localeOverrides) => {
-  const locale = localeOverrides || inject(localeContextKey, ref$1());
+  const locale = inject(localeContextKey, ref$1());
   return buildLocaleContext(computed(() => locale.value || English));
 };
 
@@ -2257,14 +2259,14 @@ const _bem = (namespace, block, blockSuffix, element, modifier) => {
 };
 const namespaceContextKey = Symbol("namespaceContextKey");
 const useGetDerivedNamespace = (namespaceOverrides) => {
-  const derivedNamespace = namespaceOverrides || (getCurrentInstance$1() ? inject(namespaceContextKey, ref$1(defaultNamespace)) : ref$1(defaultNamespace));
+  const derivedNamespace = (getCurrentInstance$1() ? inject(namespaceContextKey, ref$1(defaultNamespace)) : ref$1(defaultNamespace));
   const namespace = computed(() => {
     return unref$1(derivedNamespace) || defaultNamespace;
   });
   return namespace;
 };
 const useNamespace = (block, namespaceOverrides) => {
-  const namespace = useGetDerivedNamespace(namespaceOverrides);
+  const namespace = useGetDerivedNamespace();
   const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
   const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
   const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
@@ -2706,7 +2708,7 @@ const zIndex = ref$1(0);
 const defaultInitialZIndex = 2e3;
 const zIndexContextKey = Symbol("zIndexContextKey");
 const useZIndex = (zIndexOverrides) => {
-  const zIndexInjection = zIndexOverrides || (getCurrentInstance$1() ? inject(zIndexContextKey, void 0) : void 0);
+  const zIndexInjection = (getCurrentInstance$1() ? inject(zIndexContextKey, void 0) : void 0);
   const initialZIndex = computed(() => {
     const zIndexFromInjection = unref$1(zIndexInjection);
     return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
@@ -2835,7 +2837,7 @@ const provideGlobalConfig = (config, app, global = false) => {
   var _a;
   const inSetup = !!getCurrentInstance$1();
   const oldConfig = inSetup ? useGlobalConfig() : void 0;
-  const provideFn = (_a = app == null ? void 0 : app.provide) != null ? _a : inSetup ? provide : void 0;
+  const provideFn = (_a = void 0 ) != null ? _a : inSetup ? provide : void 0;
   if (!provideFn) {
     debugWarn("provideGlobalConfig", "provideGlobalConfig() can only be used inside setup().");
     return;
@@ -4315,10 +4317,10 @@ const _sfc_main$c = defineComponent({
     };
   }
 });
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$3], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/focus-trap/src/focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$4], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/focus-trap/src/focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const popperCoreConfigProps = buildProps({
@@ -6984,7 +6986,7 @@ const _sfc_main$4 = defineComponent({
     };
   }
 });
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
   }, [
@@ -7003,7 +7005,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 2);
 }
-var HueSlider = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["render", _sfc_render$2], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/color-picker/src/components/hue-slider.vue"]]);
+var HueSlider = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["render", _sfc_render$3], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/color-picker/src/components/hue-slider.vue"]]);
 
 const colorPickerProps = buildProps({
   modelValue: String,
@@ -7371,7 +7373,7 @@ const _sfc_main$3 = defineComponent({
   }
 });
 const _hoisted_1$3 = ["onClick"];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
   }, [
@@ -7396,7 +7398,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var Predefine = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["render", _sfc_render$1], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/color-picker/src/components/predefine.vue"]]);
+var Predefine = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["render", _sfc_render$2], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/color-picker/src/components/predefine.vue"]]);
 
 const _sfc_main$2 = defineComponent({
   name: "ElSlPanel",
@@ -7472,7 +7474,7 @@ const _hoisted_1$2 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_2$2 = [
   _hoisted_1$2
 ];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle({
@@ -7494,7 +7496,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, _hoisted_2$2, 6)
   ], 6);
 }
-var SvPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/color-picker/src/components/sv-panel.vue"]]);
+var SvPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["render", _sfc_render$1], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/color-picker/src/components/sv-panel.vue"]]);
 
 const _hoisted_1$1 = ["onKeydown"];
 const _hoisted_2$1 = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"];
@@ -8024,12 +8026,6 @@ var zhCn = {
   }
 };
 
-const _hoisted_1 = {
-  class: "das-ui-color-picker",
-  style: { "width": "100%" }
-};
-const _hoisted_2 = { class: "color-predefine-content" };
-const _hoisted_3 = ["onClick"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Index",
   props: {
@@ -8042,132 +8038,50 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       placement: "bottom-end"
     }) },
     disabled: { type: Boolean, required: true, default: false },
-    isView: { type: Boolean, required: true, default: false }
+    isView: { type: Boolean, required: true, default: false },
+    borderType: { type: String, required: false, default: "bottom" },
+    placeholder: { type: String, required: false, default: "\u8BF7\u8F93\u5165" },
+    noSetDefaultVal: { type: Boolean, required: false, default: false }
   },
   emits: ["update:modelValue", "change", "dasInput"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
     const props = __props;
     const emit = __emit;
     const { innerValue, inputChangeHandler, inputInputHandler, colorOption, colorPickerValue } = useColorPicker(props, emit);
     const predefineDrown = ref$1();
+    const activePredefineDrown = ref$1(false);
     const activeHandle = (item) => {
       emit("change", item);
       innerValue.value = item;
       predefineDrown.value?.getElRef()?.handleClose();
+      activePredefineDrown.value = false;
     };
     const predefineHandle = () => {
-      if (colorOption.value.mode == "default")
-        return;
+      if (colorOption.value.mode == "default") return;
       predefineDrown.value?.getElRef()?.handleOpen();
+      activePredefineDrown.value = true;
     };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref$1(DasInput), mergeProps({
-          class: ["das-color-picker-input", [
-            `das-color-picker-${unref$1(colorOption).size}`,
-            { "das-empty-color": !unref$1(innerValue) },
-            { "das-predefine-cell": unref$1(colorOption).mode == "predefine" && (!unref$1(colorOption).isView || !props.isView) },
-            { "das-predefine-view-cell": unref$1(colorOption).mode == "predefine" && (unref$1(colorOption).isView || props.isView) },
-            { "das-both-view-cell": unref$1(colorOption).isView || props.isView }
-          ]],
-          modelValue: unref$1(innerValue),
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(innerValue) ? innerValue.value = $event : null)
-        }, _ctx.$attrs, {
-          isView: unref$1(colorOption).mode == "predefine" ? true : unref$1(colorOption).isView || props.isView,
-          disabled: unref$1(colorOption).disabled || props.disabled,
-          append: "",
-          onClick: predefineHandle,
-          onInput: unref$1(inputInputHandler)
-        }), {
-          append: withCtx(() => [
-            unref$1(colorOption).mode == "default" ? (openBlock(), createBlock(unref$1(ElConfigProvider), {
-              key: 0,
-              locale: unref$1(zhCn)
-            }, {
-              default: withCtx(() => [
-                createVNode(unref$1(ElColorPicker), {
-                  locale: unref$1(zhCn),
-                  placement: unref$1(colorOption).placement,
-                  onChange: unref$1(inputChangeHandler),
-                  modelValue: unref$1(colorPickerValue),
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(colorPickerValue) ? colorPickerValue.value = $event : null),
-                  size: unref$1(colorOption).size,
-                  "show-alpha": unref$1(colorOption).showAlpha,
-                  "color-format": unref$1(colorOption).colorFormat,
-                  "popper-class": `das-color-picker-popper ${unref$1(colorOption).popperClass}`,
-                  predefine: unref$1(colorOption).predefine,
-                  disabled: unref$1(colorOption).disabled || props.disabled || unref$1(colorOption).isView || props.isView
-                }, null, 8, ["locale", "placement", "onChange", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled"])
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["locale"])) : createCommentVNode("v-if", true),
-            unref$1(colorOption).mode == "predefine" ? (openBlock(), createBlock(unref$1(DasDropdown), {
-              key: 1,
-              disabled: unref$1(colorOption).disabled || props.disabled || unref$1(colorOption).isView || props.isView,
-              ref_key: "predefineDrown",
-              ref: predefineDrown,
-              trigger: "click",
-              placement: "bottom-end",
-              selfPopperClass: "color-predefine-dropdown",
-              "hide-on-click": false
-            }, {
-              content: withCtx(() => [
-                createElementVNode(
-                  "span",
-                  {
-                    class: normalizeClass([
-                      "color-predefine-icon",
-                      unref$1(colorOption).size,
-                      unref$1(innerValue) && unref$1(innerValue) != "-",
-                      { "view-prefine-icon": unref$1(colorOption).disabled || props.disabled || unref$1(colorOption).isView || props.isView }
-                    ]),
-                    style: normalizeStyle("background-color:" + unref$1(innerValue))
-                  },
-                  [
-                    createVNode(unref$1(DasIcon), {
-                      icon: unref$1(innerValue) && unref$1(innerValue) != "-" ? "fold" : "close2",
-                      size: "mini",
-                      iconColor: unref$1(innerValue) && unref$1(innerValue) != "-" ? "#fff" : "#909399"
-                    }, null, 8, ["icon", "iconColor"])
-                  ],
-                  6
-                  /* CLASS, STYLE */
-                )
-              ]),
-              default: withCtx(() => [
-                createVNode(unref$1(DasDropdownMenu), null, {
-                  default: withCtx(() => [
-                    createElementVNode("div", _hoisted_2, [
-                      (openBlock(true), createElementBlock(
-                        Fragment,
-                        null,
-                        renderList(unref$1(colorOption).predefine, (item, index) => {
-                          return openBlock(), createElementBlock("div", {
-                            class: normalizeClass(["color-predefine-span", { active: unref$1(innerValue) == item }]),
-                            key: index,
-                            style: normalizeStyle("background-color:" + item),
-                            onClick: ($event) => activeHandle(item)
-                          }, null, 14, _hoisted_3);
-                        }),
-                        128
-                        /* KEYED_FRAGMENT */
-                      ))
-                    ])
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["disabled"])) : createCommentVNode("v-if", true)
-          ]),
-          _: 1
-          /* STABLE */
-        }, 16, ["class", "modelValue", "isView", "disabled", "onInput"])
-      ]);
+    const handleVisibleChange = (visible) => {
+      activePredefineDrown.value = visible;
     };
+    const __returned__ = { props, emit, innerValue, inputChangeHandler, inputInputHandler, colorOption, colorPickerValue, predefineDrown, activePredefineDrown, activeHandle, predefineHandle, handleVisibleChange, get DasDropdown() {
+      return DasDropdown;
+    }, get DasDropdownMenu() {
+      return DasDropdownMenu;
+    }, get DasIcon() {
+      return DasIcon;
+    }, get DasInput() {
+      return DasInput;
+    }, get ElColorPicker() {
+      return ElColorPicker;
+    }, get ElConfigProvider() {
+      return ElConfigProvider;
+    }, get zhCn() {
+      return zhCn;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
   }
 });
 
@@ -8179,7 +8093,136 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-var colorPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-45a3dd3a"], ["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\color-picker\\src\\Index.vue"]]);
+const _hoisted_1 = {
+  class: "das-ui-color-picker",
+  style: { "width": "100%" }
+};
+const _hoisted_2 = { class: "color-predefine-content" };
+const _hoisted_3 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode($setup["DasInput"], mergeProps({
+      class: ["das-color-picker-input", [
+        `das-color-picker-${$setup.colorOption.size}`,
+        { "das-empty-color": !$setup.innerValue },
+        { "das-predefine-cell": $setup.colorOption.mode == "predefine" && (!$setup.colorOption.isView || !$setup.props.isView) },
+        { "das-predefine-view-cell": $setup.colorOption.mode == "predefine" && ($setup.colorOption.isView || $setup.props.isView) },
+        { "das-both-view-cell": $setup.colorOption.isView || $setup.props.isView },
+        { "focus-predefine-view-cell": $setup.colorOption.mode == "predefine" && $setup.activePredefineDrown }
+      ]],
+      modelValue: $setup.innerValue,
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $setup.innerValue = $event)
+    }, _ctx.$attrs, {
+      isView: $setup.colorOption.mode == "predefine" ? true : $setup.colorOption.isView || $setup.props.isView,
+      disabled: $setup.colorOption.disabled || $setup.props.disabled,
+      append: "",
+      onClick: $setup.predefineHandle,
+      onInput: $setup.inputInputHandler,
+      borderType: $setup.props.borderType,
+      noSetDefaultVal: $setup.colorOption.mode == "predefine" && !$setup.colorOption.isView && !$setup.props.isView && !$setup.colorOption.disabled && !$setup.props.disabled || $setup.props.noSetDefaultVal && ($setup.colorOption.isView || $setup.props.isView) && !$setup.innerValue
+    }), {
+      append: withCtx(() => [
+        $setup.colorOption.mode == "default" ? (openBlock(), createBlock($setup["ElConfigProvider"], {
+          key: 0,
+          locale: $setup.zhCn
+        }, {
+          default: withCtx(() => [
+            !$setup.colorOption.isView && !$setup.props.isView || !!$setup.innerValue ? (openBlock(), createBlock($setup["ElColorPicker"], {
+              key: 0,
+              locale: $setup.zhCn,
+              placement: $setup.colorOption.placement,
+              onChange: $setup.inputChangeHandler,
+              modelValue: $setup.colorPickerValue,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.colorPickerValue = $event),
+              size: $setup.colorOption.size,
+              "show-alpha": $setup.colorOption.showAlpha,
+              "color-format": $setup.colorOption.colorFormat,
+              "popper-class": `das-color-picker-popper ${$setup.colorOption.popperClass}`,
+              predefine: $setup.colorOption.predefine,
+              disabled: $setup.colorOption.disabled || $setup.props.disabled || $setup.colorOption.isView || $setup.props.isView
+            }, null, 8, ["locale", "placement", "onChange", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled"])) : createCommentVNode("v-if", true)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["locale"])) : createCommentVNode("v-if", true),
+        $setup.colorOption.mode == "predefine" ? (openBlock(), createBlock($setup["DasDropdown"], {
+          key: 1,
+          disabled: $setup.colorOption.disabled || $setup.props.disabled || $setup.colorOption.isView || $setup.props.isView,
+          ref: "predefineDrown",
+          trigger: "click",
+          placement: "bottom-end",
+          selfPopperClass: "color-predefine-dropdown",
+          "hide-on-click": false,
+          onVisibleChange: $setup.handleVisibleChange
+        }, {
+          content: withCtx(() => [
+            createElementVNode(
+              "span",
+              {
+                class: normalizeClass([
+                  "color-predefine-icon",
+                  $setup.colorOption.size,
+                  $setup.innerValue && $setup.innerValue != "-",
+                  { "view-prefine-icon": $setup.colorOption.disabled || $setup.props.disabled || $setup.colorOption.isView || $setup.props.isView }
+                ]),
+                style: normalizeStyle("background-color:" + $setup.innerValue)
+              },
+              [
+                createVNode($setup["DasIcon"], {
+                  icon: $setup.innerValue && $setup.innerValue != "-" ? "fold" : "close2",
+                  customSize: "6px",
+                  iconColor: $setup.innerValue && $setup.innerValue != "-" ? "#fff" : "#909399"
+                }, null, 8, ["icon", "iconColor"])
+              ],
+              6
+              /* CLASS, STYLE */
+            )
+          ]),
+          default: withCtx(() => [
+            createVNode($setup["DasDropdownMenu"], null, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_2, [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList($setup.colorOption.predefine, (item, index) => {
+                      return openBlock(), createElementBlock("div", {
+                        class: normalizeClass(["color-predefine-span", { active: $setup.innerValue == item }]),
+                        key: index,
+                        style: normalizeStyle("background-color:" + item),
+                        onClick: ($event) => $setup.activeHandle(item)
+                      }, null, 14, _hoisted_3);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["disabled"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+      /* STABLE */
+    }, 16, ["class", "modelValue", "isView", "disabled", "onInput", "borderType", "noSetDefaultVal"]),
+    $setup.colorOption.mode == "predefine" && !$setup.colorOption.isView && !$setup.props.isView && !$setup.colorOption.disabled && !$setup.props.disabled && !$setup.innerValue ? (openBlock(), createElementBlock(
+      "span",
+      {
+        key: 0,
+        class: normalizeClass(["predefine-placeholder", { "padding-l": $setup.props.borderType == "bordered" }]),
+        onClick: $setup.predefineHandle
+      },
+      "\u8BF7\u9009\u62E9",
+      2
+      /* CLASS */
+    )) : createCommentVNode("v-if", true)
+  ]);
+}
+var colorPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-45a3dd3a"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/color-picker/src/Index.vue"]]);
 
 var theme = {
   "--demo-alert-bg": {

package/packages/components/custom-search-item/index.js

@@ -1,9 +1,8 @@
-import { defineComponent, ref, watchEffect, watch, openBlock, createElementBlock, createElementVNode, normalizeStyle, toDisplayString, createVNode, unref, mergeProps, normalizeClass, renderSlot } from 'vue';
+import { defineComponent, ref, watchEffect, watch, openBlock, createElementBlock, createElementVNode, normalizeStyle, toDisplayString, createVNode, mergeProps, normalizeClass, renderSlot } from 'vue';
 import { withInstall } from '@das-fed/utils';
 import { DasRadio } from '@das-fed/ui';
 import { setThemeRule } from '@das-fed/web';
 
-const _hoisted_1 = { class: "das-ui-custom-search-item" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Index",
   props: {
@@ -21,7 +20,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     labelPosition: { type: String, required: false }
   },
   emits: ["change", "update:modelValue"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
     const props = __props;
     const emit = __emit;
     const searchvalue = ref();
@@ -48,39 +48,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return width;
     };
     const labelWidth = ref(calculateLabelWidth(props.labelLength, props.labelPosition));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode(
-          "div",
-          {
-            class: "label",
-            style: normalizeStyle({ width: labelWidth.value })
-          },
-          toDisplayString(_ctx.label) + "\uFF1A",
-          5
-          /* TEXT, STYLE */
-        ),
-        createVNode(unref(DasRadio), mergeProps({
-          modelValue: searchvalue.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchvalue.value = $event),
-          optionType: "filterSquare",
-          radioType: "group",
-          options: _ctx.options,
-          defaultProps: _ctx.defaultProps,
-          onChange: changeHandler
-        }, _ctx.$attrs), null, 16, ["modelValue", "options", "defaultProps"]),
-        createElementVNode(
-          "span",
-          {
-            class: normalizeClass(["custom-label", { active: _ctx.customerActive }])
-          },
-          "\u81EA\u5B9A\u4E49",
-          2
-          /* CLASS */
-        ),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ]);
-    };
+    const __returned__ = { props, emit, searchvalue, changeHandler, calculateLabelWidth, labelWidth, get DasRadio() {
+      return DasRadio;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
   }
 });
 
@@ -92,7 +64,41 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-var customSearchItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6750db6a"], ["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\custom-search-item\\src\\Index.vue"]]);
+const _hoisted_1 = { class: "das-ui-custom-search-item" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode(
+      "div",
+      {
+        class: "label",
+        style: normalizeStyle({ width: $setup.labelWidth })
+      },
+      toDisplayString($props.label) + "\uFF1A",
+      5
+      /* TEXT, STYLE */
+    ),
+    createVNode($setup["DasRadio"], mergeProps({
+      modelValue: $setup.searchvalue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.searchvalue = $event),
+      optionType: "filterSquare",
+      radioType: "group",
+      options: $props.options,
+      defaultProps: $props.defaultProps,
+      onChange: $setup.changeHandler
+    }, _ctx.$attrs), null, 16, ["modelValue", "options", "defaultProps"]),
+    createElementVNode(
+      "span",
+      {
+        class: normalizeClass(["custom-label", { active: $props.customerActive }])
+      },
+      "\u81EA\u5B9A\u4E49",
+      2
+      /* CLASS */
+    ),
+    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  ]);
+}
+var customSearchItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6750db6a"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/custom-search-item/src/Index.vue"]]);
 
 var theme = {
   "--demo-alert-bg": {