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

package/packages/components/select-input/index.js

@@ -1,7 +1,7 @@
 import { withInstall } from '@das-fed/utils';
 import { setThemeRule } from '@das-fed/web';
-import { defineComponent, openBlock, createBlock, unref, normalizeClass, isRef, createSlots, withCtx, createVNode } from 'vue';
-import { DasInput, DasSelect, DasIcon } from '@das-fed/ui';
+import { defineComponent, openBlock, createBlock, normalizeClass, createSlots, withCtx, createVNode } from 'vue';
+import { DasInput, DasIcon, DasSelect } from '@das-fed/ui';
 import { useModelValue } from '@das-fed/utils/vue';
 import '@das-fed/ui/global/theme';
 
@@ -43,59 +43,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     isSearch: { type: Boolean, required: false, default: false }
   },
   emits: ["update:modelValue", "update:optionValue", "inputChange", "dasInput", "selectChange"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
     const props = __props;
     const emit = __emit;
     const { innerValue, selectValue, inputChangeHandler, selectChangeHandler, inputInputHandler, searchHandler } = useSelectInput(props, emit);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DasInput), {
-        class: normalizeClass(["das-select-input", { "is-error": _ctx.error, "is-search": _ctx.isSearch, "is-disabled": _ctx.disabled }]),
-        modelValue: unref(innerValue),
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-        width: "268px",
-        prepend: "",
-        onInput: unref(inputInputHandler),
-        onChange: unref(inputChangeHandler),
-        disabled: _ctx.disabled,
-        isView: _ctx.isView,
-        maxLength: _ctx.maxLength
-      }, createSlots({
-        prepend: withCtx(() => [
-          createVNode(unref(DasSelect), {
-            size: "mini",
-            disabled: _ctx.disabled,
-            isView: _ctx.isView,
-            dropdownClassName: "das-select-input-select-container",
-            modelValue: unref(selectValue),
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(selectValue) ? selectValue.value = $event : null),
-            width: "68px",
-            dropdownMatchSelectWidth: false,
-            "border-type": "none",
-            options: _ctx.options,
-            getPopupContainer: _ctx.getPopupContainer,
-            fieldNames: {
-              value: _ctx.optionsValueKey,
-              label: _ctx.optionsLabelKey
-            },
-            onChange: unref(selectChangeHandler)
-          }, null, 8, ["disabled", "isView", "modelValue", "options", "getPopupContainer", "fieldNames", "onChange"])
-        ]),
-        _: 2
-        /* DYNAMIC */
-      }, [
-        _ctx.hasIcon ? {
-          name: "suffix",
-          fn: withCtx(() => [
-            createVNode(unref(DasIcon), {
-              icon: "search",
-              style: { "cursor": "pointer" },
-              onClick: unref(searchHandler)
-            }, null, 8, ["onClick"])
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["class", "modelValue", "onInput", "onChange", "disabled", "isView", "maxLength"]);
-    };
+    const __returned__ = { props, emit, innerValue, selectValue, inputChangeHandler, selectChangeHandler, inputInputHandler, searchHandler, get DasInput() {
+      return DasInput;
+    }, get DasIcon() {
+      return DasIcon;
+    }, get DasSelect() {
+      return DasSelect;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
   }
 });
 
@@ -107,7 +68,56 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-var SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dbb0203d"], ["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\select-input\\src\\Index.vue"]]);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock($setup["DasInput"], {
+    class: normalizeClass(["das-select-input", { "is-error": $props.error, "is-search": $props.isSearch, "is-disabled": $props.disabled }]),
+    modelValue: $setup.innerValue,
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $setup.innerValue = $event),
+    width: "268px",
+    prepend: "",
+    onInput: $setup.inputInputHandler,
+    onChange: $setup.inputChangeHandler,
+    disabled: $props.disabled,
+    isView: $props.isView,
+    maxLength: $props.maxLength
+  }, createSlots({
+    prepend: withCtx(() => [
+      createVNode($setup["DasSelect"], {
+        size: "mini",
+        disabled: $props.disabled,
+        isView: $props.isView,
+        dropdownClassName: "das-select-input-select-container",
+        modelValue: $setup.selectValue,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.selectValue = $event),
+        width: "68px",
+        dropdownMatchSelectWidth: false,
+        "border-type": "none",
+        options: $props.options,
+        getPopupContainer: $props.getPopupContainer,
+        fieldNames: {
+          value: $props.optionsValueKey,
+          label: $props.optionsLabelKey
+        },
+        onChange: $setup.selectChangeHandler
+      }, null, 8, ["disabled", "isView", "modelValue", "options", "getPopupContainer", "fieldNames", "onChange"])
+    ]),
+    _: 2
+    /* DYNAMIC */
+  }, [
+    $props.hasIcon ? {
+      name: "suffix",
+      fn: withCtx(() => [
+        createVNode($setup["DasIcon"], {
+          icon: "search",
+          style: { "cursor": "pointer" },
+          onClick: $setup.searchHandler
+        }, null, 8, ["onClick"])
+      ]),
+      key: "0"
+    } : void 0
+  ]), 1032, ["class", "modelValue", "onInput", "onChange", "disabled", "isView", "maxLength"]);
+}
+var SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dbb0203d"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/select-input/src/Index.vue"]]);
 
 var theme = {
   "--das-ui-select-input-border-color": { light: "#999" },

package/packages/components/select-list/index.css

@@ -1 +1 @@
-.das-ui-select-list[data-v-e1c892f3] .selected-number-header[data-v-e1c892f3]{align-items:center;display:flex;height:32px;justify-content:space-between;padding:0 12px}.das-ui-select-list[data-v-e1c892f3] .selected-number-header[data-v-e1c892f3] .selected-num[data-v-e1c892f3]{align-items:center;color:var(--das-ui-color-secondary);display:flex;font-size:12px;font-weight:400;letter-spacing:0}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3]{height:calc(100% - 32px);width:100%}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .virtual-list[data-v-e1c892f3]{height:100%}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-group[data-v-e1c892f3]{width:100%}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3]{align-items:center;box-sizing:border-box;display:flex;height:var(--e1c892f3-selecteItemHeight);justify-content:space-between;padding:0 12px;width:100%}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3] .drag-icon[data-v-e1c892f3]{visibility:hidden}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3][data-v-e1c892f3]:hover{background-color:var(--das-ui-select-list-hover-bg)}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3].enable[data-v-e1c892f3]:hover .drag-icon[data-v-e1c892f3],.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3][data-v-e1c892f3]:hover .close-icon[data-v-e1c892f3]{visibility:visible}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3].disabled[data-v-e1c892f3]{cursor:not-allowed}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3].disabled[data-v-e1c892f3] .close-icon[data-v-e1c892f3]{visibility:hidden}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3] .name[data-v-e1c892f3]{color:var(--das-ui-color-normal);flex:1;font-size:12px;letter-spacing:0;min-width:0;text-align:left}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3] .close-icon[data-v-e1c892f3]{cursor:pointer;margin-left:8px;visibility:hidden}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3] .close-icon[data-v-e1c892f3][data-v-e1c892f3]:hover{fill:var(--das-ui-select-list-close-btn-hover)}
+.das-ui-select-list[data-v-e1c892f3] .selected-number-header[data-v-e1c892f3]{align-items:center;display:flex;height:32px;justify-content:space-between;padding:0 12px}.das-ui-select-list[data-v-e1c892f3] .selected-number-header[data-v-e1c892f3] .selected-num[data-v-e1c892f3]{align-items:center;color:var(--das-ui-color-secondary);display:flex;font-size:12px;font-weight:400;letter-spacing:0}.das-ui-select-list[data-v-e1c892f3] .virtual-list[data-v-e1c892f3]{height:100%}.das-ui-select-list[data-v-e1c892f3] .selected-page-container[data-v-e1c892f3]::-webkit-scrollbar,.das-ui-select-list[data-v-e1c892f3] .virtual-list[data-v-e1c892f3]::-webkit-scrollbar{height:var(--das-ui-scrollbar-thumb-size);width:var(--das-ui-scrollbar-thumb-size)}.das-ui-select-list[data-v-e1c892f3] .selected-page-container[data-v-e1c892f3]::-webkit-scrollbar-thumb,.das-ui-select-list[data-v-e1c892f3] .virtual-list[data-v-e1c892f3]::-webkit-scrollbar-thumb{background:transparent}.das-ui-select-list[data-v-e1c892f3] .selected-page-container[data-v-e1c892f3]:hover::-webkit-scrollbar-thumb,.das-ui-select-list[data-v-e1c892f3] .virtual-list[data-v-e1c892f3]:hover::-webkit-scrollbar-thumb{background:var(--das-ui-scrollbar-thumb-color)}.das-ui-select-list[data-v-e1c892f3] .selected-page-container[data-v-e1c892f3]::-webkit-scrollbar-thumb:hover,.das-ui-select-list[data-v-e1c892f3] .virtual-list[data-v-e1c892f3]::-webkit-scrollbar-thumb:hover{background:var(--das-ui-scrollbar-thumb-hover-color)}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3]{height:calc(100% - 32px);width:100%}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3].hide-header[data-v-e1c892f3]{height:100%}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-group[data-v-e1c892f3]{width:100%}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3]{align-items:center;box-sizing:border-box;display:flex;height:var(--e1c892f3-selecteItemHeight);justify-content:space-between;padding:0 12px;width:100%}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3] .drag-icon[data-v-e1c892f3]{visibility:hidden}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3][data-v-e1c892f3]:hover{background-color:var(--das-ui-select-list-hover-bg)}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3].enable[data-v-e1c892f3]:hover .drag-icon[data-v-e1c892f3],.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3][data-v-e1c892f3]:hover .close-icon[data-v-e1c892f3]{visibility:visible}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3].disabled[data-v-e1c892f3]{cursor:not-allowed}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3].disabled[data-v-e1c892f3] .close-icon[data-v-e1c892f3]{visibility:hidden}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3] .name[data-v-e1c892f3]{color:var(--das-ui-color-normal);flex:1;font-size:12px;letter-spacing:0;min-width:0;text-align:left}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3] .close-icon[data-v-e1c892f3]{cursor:pointer;margin-left:8px;visibility:hidden}.das-ui-select-list[data-v-e1c892f3] .selected-container[data-v-e1c892f3] .selected-item[data-v-e1c892f3] .close-icon[data-v-e1c892f3][data-v-e1c892f3]:hover{fill:var(--das-ui-select-list-close-btn-hover)}