@koi-design/uxd-ui 12.1.36-beta.0

package/lib/components/Select/Option.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var Select_type = require('./Select.type.js');
+
+var Option = vue.defineComponent({
+  name: "UOption",
+  props: Select_type.optionProps,
+  isSelectOption: true,
+  render() {
+    return vue.createVNode(vue.Fragment, null, null);
+  }
+});
+
+exports["default"] = Option;
+//# sourceMappingURL=Option.js.map

package/lib/components/Select/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sources":["../../../../src/components/Select/Option.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { optionProps } from './Select.type';\n\nexport default defineComponent({\n  name: 'UOption',\n  props: optionProps,\n  isSelectOption: true,\n  render() {\n    return <></>;\n  }\n});\n"],"names":["defineComponent","name","props","optionProps","isSelectOption","render","_createVNode","_Fragment"],"mappings":";;;;;;;AAGA,aAAeA,oBAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,gBAAgB;AAAA,EAChBC,SAAS;AACP,WAAAC,gBAAAC;;AAEJ,CAAC;;;;"}

package/lib/components/Select/OptionGroup.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+    };
+}>>, {}, {}>;
+export default _default;

package/lib/components/Select/OptionGroup.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+var OptionGroup = vue.defineComponent({
+  name: "UOptionGroup",
+  props: {
+    label: {
+      type: String
+    }
+  },
+  isSelectOptionGroup: true,
+  render() {
+    return vue.createVNode(vue.Fragment, null, null);
+  }
+});
+
+exports["default"] = OptionGroup;
+//# sourceMappingURL=OptionGroup.js.map

package/lib/components/Select/OptionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionGroup.js","sources":["../../../../src/components/Select/OptionGroup.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\n\nexport default defineComponent({\n  name: 'UOptionGroup',\n  props: {\n    label: {\n      type: String\n    }\n  },\n  isSelectOptionGroup: true,\n  render() {\n    return <></>;\n  }\n});\n"],"names":["defineComponent","name","props","label","type","String","isSelectOptionGroup","render","_createVNode","_Fragment"],"mappings":";;;;;;AAEA,kBAAeA,oBAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,OAAO;AAAA,MACLC,MAAMC;AAAAA;AACR;AACF,EACAC,qBAAqB;AAAA,EACrBC,SAAS;AACP,WAAAC,gBAAAC;;AAEJ,CAAC;;;;"}

package/lib/components/Select/RefSelect.js

@@ -0,0 +1,532 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../Popup/index.js');
+var index = require('../Icon/index.js');
+var index$1 = require('../Checkbox/index.js');
+var uxdIcon = require('@koi-design/uxd-icon');
+var utils$1 = require('./utils.js');
+var KeyCode = require('../../utils/KeyCode.js');
+var tools = require('../../utils/tools.js');
+var DropdownMenu = require('./DropdownMenu.js');
+require('./Selection/index.js');
+var RenderEmpty = require('../base/RenderEmpty.js');
+var useGlobalConfig = require('../base/hooks/useGlobalConfig.js');
+var useDelaySet = require('../base/hooks/useDelaySet.js');
+var useArrayValue = require('./hooks/useArrayValue.js');
+var useOptions = require('./hooks/useOptions.js');
+var useContainerWidth = require('../base/hooks/useContainerWidth.js');
+require('../Form/index.js');
+var Select_type = require('./Select.type.js');
+var pluginVue_exportHelper = require('../../_virtual/plugin-vue_export-helper.js');
+var Popup = require('../Popup/Popup.js');
+var Selection = require('./Selection/Selection.js');
+var utils = require('../Form/utils.js');
+
+const localIsValid = (val) => {
+  return val !== null && val !== void 0;
+};
+const _sfc_main = vue.defineComponent({
+  name: "RefSelect",
+  components: {
+    Popup: Popup["default"],
+    Selection: Selection["default"],
+    DropdownMenu: DropdownMenu["default"],
+    RenderEmpty: RenderEmpty["default"],
+    UIcon: index.UIcon,
+    UCheckbox: index$1.UCheckbox,
+    URoundCloseCircle: uxdIcon.URoundCloseCircle
+  },
+  inheritAttrs: false,
+  props: {
+    ...Select_type.selectProps,
+    children: {
+      type: Array,
+      default: void 0
+    }
+  },
+  emits: Select_type.selectEmits,
+  setup(props, { emit, attrs }) {
+    const { prefixCls, config: globalConfig } = useGlobalConfig["default"]("select");
+    const ariaId = `select_${tools.generateUUID()}`;
+    const { onFieldChange } = vue.inject(utils.FormItemKey, {});
+    const containerRef = vue.shallowRef(null);
+    const selectionRef = vue.ref(null);
+    const listRef = vue.ref(null);
+    const stateValue = vue.ref(props.modelValue);
+    const { toInnerValue, toOuterValue } = useArrayValue["default"]();
+    const innerValue = vue.computed(() => toInnerValue(stateValue.value, props.allowEmptyValue ? localIsValid : void 0));
+    const searchValue = vue.ref("");
+    const setSearchValue = (val) => {
+      searchValue.value = val;
+    };
+    const { displayOptions, getOptionsByValue, getOptionByLabel } = useOptions["default"](props, searchValue, innerValue);
+    vue.watch(
+      () => props.modelValue,
+      (val) => {
+        stateValue.value = val;
+      }
+    );
+    const emitChange = (val) => {
+      const _multiple = props.multiple === true;
+      const value = toOuterValue(val, _multiple);
+      if (props.modelValue === void 0) {
+        stateValue.value = value;
+      }
+      console.log("emitChange", value);
+      emit("update:modelValue", value);
+      const options = getOptionsByValue(val);
+      emit("change", value, _multiple ? options : options[0]);
+      if (onFieldChange && !props.disabledTriggerForm) {
+        onFieldChange(value);
+      }
+    };
+    const stateOpen = vue.ref(props.open || false);
+    vue.watch(
+      () => props.open,
+      (val) => {
+        stateOpen.value = val || false;
+      }
+    );
+    const noPopupContent = vue.computed(() => !props.showEmpty && !displayOptions.value.length);
+    const popupOpen = vue.computed(() => noPopupContent.value ? false : stateOpen.value);
+    const computedDirection = vue.computed(() => {
+      return props.direction || globalConfig.direction || "ltr";
+    });
+    const computedPlacement = vue.computed(() => {
+      if (props.placement) {
+        return props.placement;
+      }
+      return computedDirection.value === "rtl" ? "bottom-end" : "bottom-start";
+    });
+    const setOpenState = (open) => {
+      const _open = open !== void 0 ? open : !stateOpen.value;
+      if (stateOpen.value !== _open && !props.disabled) {
+        if (props.open === void 0) {
+          stateOpen.value = _open;
+        }
+        emit("dropdown-visible-change", _open);
+      }
+    };
+    vue.watch(
+      () => props.disabled,
+      () => {
+        if (stateOpen.value && !!props.disabled) {
+          setOpenState(false);
+        }
+      }
+    );
+    const getDisplayValus = () => {
+      const options = getOptionsByValue(innerValue.value);
+      return options.map((x) => {
+        let displayLabel;
+        const displayProp = props.displayProp || "slot";
+        if (displayProp === "slot") {
+          displayLabel = x.render ? x.render() : x.label;
+        } else {
+          displayLabel = x[displayProp] || x.label;
+        }
+        return {
+          ...x,
+          displayLabel
+        };
+      });
+    };
+    const displayValues = vue.computed(() => {
+      return getDisplayValus();
+    });
+    const onSelect = (value, { selected }) => {
+      if (props.disabled) {
+        return;
+      }
+      if (props.multiple) {
+        const _rawValue = new Set(innerValue.value);
+        const values = useArrayValue.toArray(value);
+        if (selected) {
+          values.forEach((v) => {
+            _rawValue.add(v);
+          });
+        } else {
+          values.forEach((v) => {
+            _rawValue.delete(v);
+          });
+        }
+        const rowValue = Array.from(_rawValue);
+        if (props.sortByOption && props.options) {
+          const sortValue = [];
+          props.options.forEach((o) => {
+            if (rowValue.includes(o.value)) {
+              sortValue.push(o.value);
+            }
+          });
+          emitChange(sortValue);
+        } else {
+          emitChange(rowValue);
+        }
+      } else if (value !== stateValue.value && !Array.isArray(value)) {
+        emitChange([value]);
+      }
+      const { autoClearSearchValue = true } = props;
+      if (!props.multiple) {
+        setOpenState(false);
+      }
+      if (!props.multiple || autoClearSearchValue) {
+        setSearchValue("");
+      }
+    };
+    const { containerWidth, getContainerWidth } = useContainerWidth["default"](containerRef);
+    vue.onMounted(() => {
+      getContainerWidth();
+    });
+    vue.onUpdated(() => {
+      getContainerWidth();
+    });
+    const popupStyle = vue.computed(() => {
+      const cssStyle = {};
+      if (typeof props.dropdownMenuWidth === "number") {
+        cssStyle.width = `${props.dropdownMenuWidth}px`;
+        cssStyle.minWidth = `${props.dropdownMenuWidth}px`;
+      } else {
+        cssStyle.width = `${containerWidth.value}px`;
+        cssStyle.minWidth = `${containerWidth.value}px`;
+      }
+      return {
+        ...cssStyle,
+        ...props.dropdownMenuStyle
+      };
+    });
+    const tokenWithEnter = vue.computed(() => {
+      return (props.tokenSeparators || []).some((token) => token === "\n" || token === "\r\n");
+    });
+    const triggerSearch = (searchText, isCompositing) => {
+      let ret = true;
+      let _searchValue = searchText;
+      const preSearchValue = searchValue.value;
+      if (props.multiple && props.tokenSeparators) {
+        const patchLabels = isCompositing ? null : utils$1.getSeparatedContent(searchText, props.tokenSeparators);
+        if (patchLabels) {
+          const patchRawValues = [];
+          const restValues = [];
+          patchLabels.forEach((label) => {
+            const option = getOptionByLabel(label);
+            if (option) {
+              patchRawValues.push(option.value);
+            } else {
+              restValues.push(label);
+            }
+          });
+          const newValues = [...innerValue.value, ...patchRawValues, ...props.allowCreate ? restValues : []];
+          emitChange(newValues);
+          setOpenState(false);
+          ret = false;
+          _searchValue = "";
+        }
+      }
+      setSearchValue(_searchValue);
+      if (preSearchValue !== _searchValue) {
+        emit("search", _searchValue);
+      }
+      return ret;
+    };
+    vue.watch(
+      stateOpen,
+      () => {
+        if (!stateOpen.value && searchValue.value) {
+          triggerSearch("", false);
+        }
+      },
+      { immediate: true }
+    );
+    const [stateFocused, setStateFocused] = useDelaySet["default"]();
+    const _immediateFocused = vue.ref(false);
+    const onContainerFocus = (args) => {
+      setStateFocused(true);
+      if (!props.disabled && !stateFocused.value) {
+        emit("focus", args);
+      }
+      _immediateFocused.value = true;
+    };
+    const onContainerBlur = (args) => {
+      setStateFocused(false, () => {
+        _immediateFocused.value = false;
+        setOpenState(false);
+      });
+      emit("blur", args);
+    };
+    vue.provide("SelectContext", {
+      focus: onContainerFocus,
+      blur: onContainerBlur
+    });
+    const onContainerMouseDown = (e) => {
+      setOpenState(!stateOpen.value);
+      emit("mousedown", e);
+    };
+    const onContainerKeydown = (e) => {
+      const { which } = e;
+      if (!stateOpen.value && which === KeyCode["default"].Enter) {
+        setOpenState(true);
+      }
+      if (which === KeyCode["default"].BACKSPACE && props.multiple && !searchValue.value && innerValue.value.length > 0) {
+        const removeInfo = utils$1.removeLastEnabledValue(displayValues.value, innerValue.value);
+        if (removeInfo.removedValue !== null) {
+          emitChange(removeInfo.values);
+        }
+      }
+      if (stateOpen.value && listRef.value) {
+        listRef.value.onKeydown(e);
+      }
+      emit("keydown", e);
+    };
+    const showClear = vue.computed(() => {
+      return props.clearable && !props.disabled && (innerValue.value.length || searchValue.value);
+    });
+    const isEmpty = vue.computed(() => {
+      return displayOptions.value.length === 0;
+    });
+    const realSuffixIcon = vue.computed(() => {
+      if (props.loading) {
+        return uxdIcon.ULineLoading;
+      }
+      if (props.filterable && stateOpen.value) {
+        return uxdIcon.ULineSearch;
+      }
+      return props.suffixIcon || uxdIcon.URoundDown;
+    });
+    const attrClass = vue.computed(() => attrs.class);
+    const attrStyle = vue.computed(() => attrs.style);
+    const loadingTextLocale = vue.computed(() => {
+      return props.loadingText || globalConfig.locale.select.loadingText;
+    });
+    return {
+      attrClass,
+      attrStyle,
+      prefixCls,
+      ariaId,
+      containerRef,
+      selectionRef,
+      listRef,
+      showClear,
+      isEmpty,
+      realSuffixIcon,
+      tokenWithEnter,
+      loadingTextLocale,
+      popupStyle,
+      searchValue,
+      stateOpen,
+      popupOpen,
+      computedDirection,
+      computedPlacement,
+      innerValue,
+      displayValues,
+      stateFocused,
+      displayOptions,
+      onContainerMouseDown,
+      onContainerKeydown,
+      onOptionSelect: onSelect,
+      onSelectionSelect: onSelect,
+      onClearSelection: () => {
+        emitChange([]);
+        triggerSearch("", false);
+        emit("clear");
+      },
+      triggerSearch,
+      onToggleOpen: (open) => {
+        setOpenState(open);
+      },
+      onClickOutside: () => {
+        setOpenState(false);
+      },
+      onCreateSubmit: (val) => {
+        emit("create", val);
+      },
+      onScrollAtTop: () => {
+        emit("scroll-at-top");
+      },
+      onScrollAtBottom: () => {
+        emit("scroll-at-bottom");
+      }
+    };
+  }
+});
+const _hoisted_1 = ["data-color", "tabindex"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_UIcon = vue.resolveComponent("UIcon");
+  const _component_Selection = vue.resolveComponent("Selection");
+  const _component_URoundCloseCircle = vue.resolveComponent("URoundCloseCircle");
+  const _component_RenderEmpty = vue.resolveComponent("RenderEmpty");
+  const _component_DropdownMenu = vue.resolveComponent("DropdownMenu");
+  const _component_Popup = vue.resolveComponent("Popup");
+  return vue.openBlock(), vue.createBlock(_component_Popup, {
+    "prefix-cls": `${_ctx.prefixCls}-dropdown`,
+    placement: _ctx.computedPlacement,
+    visible: _ctx.popupOpen,
+    "popup-class": `${_ctx.dropdownMenuClass || ""} ${_ctx.isEmpty ? `${_ctx.prefixCls}-dropdown-empty` : ""} ${_ctx.direction === "rtl" ? `${_ctx.prefixCls}-dropdown-rtl` : ""}`,
+    "popup-style": _ctx.popupStyle,
+    "transition-name": "slide-up",
+    "click-outside": _ctx.onClickOutside
+  }, {
+    popup: vue.withCtx(() => [
+      vue.createVNode(_component_DropdownMenu, {
+        id: _ctx.ariaId,
+        ref: "listRef",
+        "prefix-cls": _ctx.prefixCls,
+        open: _ctx.stateOpen,
+        width: _ctx.dropdownMenuWidth,
+        multiple: _ctx.multiple,
+        "multiple-limit": _ctx.multipleLimit,
+        options: _ctx.loading ? [] : _ctx.displayOptions,
+        values: _ctx.innerValue,
+        "search-value": _ctx.searchValue,
+        "default-active-first": _ctx.defaultActiveFirst,
+        height: _ctx.dropdownHeight,
+        "item-height": _ctx.dropdownItemHeight,
+        size: _ctx.size,
+        "select-all": _ctx.selectAll,
+        color: _ctx.color,
+        direction: _ctx.computedDirection,
+        "title-key": _ctx.titleKey,
+        onSelect: _ctx.onOptionSelect,
+        onClose: _cache[4] || (_cache[4] = ($event) => _ctx.onToggleOpen(false)),
+        onScrollAtTop: _ctx.onScrollAtTop,
+        onScrollAtBottom: _ctx.onScrollAtBottom,
+        onCreateSubmit: _ctx.onCreateSubmit
+      }, {
+        empty: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "notFound", {}, () => [
+            vue.createVNode(_component_RenderEmpty, {
+              size: "small",
+              text: _ctx.loading ? _ctx.loadingTextLocale : _ctx.notFoundText
+            }, null, 8, ["text"])
+          ])
+        ]),
+        _: 3
+      }, 8, ["id", "prefix-cls", "open", "width", "multiple", "multiple-limit", "options", "values", "search-value", "default-active-first", "height", "item-height", "size", "select-all", "color", "direction", "title-key", "onSelect", "onScrollAtTop", "onScrollAtBottom", "onCreateSubmit"])
+    ]),
+    default: vue.withCtx(() => [
+      vue.createElementVNode("div", vue.mergeProps({
+        ref: "containerRef",
+        class: [
+          _ctx.prefixCls,
+          {
+            [_ctx.attrClass]: _ctx.attrClass,
+            [`${_ctx.prefixCls}-${_ctx.size}`]: _ctx.size,
+            [`${_ctx.prefixCls}-variant-soft`]: _ctx.variant === "soft",
+            [`${_ctx.prefixCls}-variant-text`]: _ctx.variant === "text" && !_ctx.multiple,
+            [`${_ctx.prefixCls}-variant-surface`]: _ctx.variant === "surface" || _ctx.variant === "text" && _ctx.multiple,
+            [`${_ctx.prefixCls}-single`]: !_ctx.multiple,
+            [`${_ctx.prefixCls}-multiple`]: _ctx.multiple,
+            [`${_ctx.prefixCls}-open`]: _ctx.stateOpen,
+            [`${_ctx.prefixCls}-filterable`]: _ctx.filterable,
+            [`${_ctx.prefixCls}-focused`]: _ctx.stateFocused,
+            [`${_ctx.prefixCls}-disabled`]: _ctx.disabled,
+            [`${_ctx.prefixCls}-clearable`]: !!_ctx.clearable,
+            [`${_ctx.prefixCls}-with-clear`]: _ctx.showClear,
+            [`${_ctx.prefixCls}-show-arrow`]: _ctx.showArrow,
+            [`${_ctx.prefixCls}-loading`]: !!_ctx.loading,
+            [`${_ctx.prefixCls}-show-prefix`]: !!_ctx.prefixIcon,
+            [`${_ctx.prefixCls}-arrow-no-rotate`]: !_ctx.arrowRotate,
+            [`${_ctx.prefixCls}-rtl`]: _ctx.computedDirection === "rtl"
+          }
+        ]
+      }, _ctx.$attrs, {
+        "data-color": _ctx.color,
+        style: _ctx.attrStyle,
+        tabindex: _ctx.disabled ? -1 : 0,
+        onMousedown: _cache[2] || (_cache[2] = (...args) => _ctx.onContainerMouseDown && _ctx.onContainerMouseDown(...args)),
+        onKeydown: _cache[3] || (_cache[3] = (...args) => _ctx.onContainerKeydown && _ctx.onContainerKeydown(...args))
+      }), [
+        !!_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 0,
+          class: vue.normalizeClass({
+            [`${_ctx.prefixCls}-label`]: true,
+            [`${_ctx.prefixCls}-label-colon`]: _ctx.labelColon,
+            [`${_ctx.prefixCls}-label-required`]: _ctx.required
+          })
+        }, vue.toDisplayString(_ctx.label), 3)) : !!_ctx.prefixIcon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          vue.createCommentVNode(" prefix-Icon "),
+          vue.createElementVNode("span", {
+            key: "prefix",
+            class: vue.normalizeClass(`${_ctx.prefixCls}-prefix`)
+          }, [
+            vue.createVNode(_component_UIcon, null, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prefixIcon)))
+              ]),
+              _: 1
+            })
+          ], 2)
+        ], 2112)) : vue.createCommentVNode("v-if", true),
+        vue.createVNode(_component_Selection, {
+          ref: "selectionRef",
+          disabled: _ctx.disabled,
+          multiple: _ctx.multiple,
+          open: _ctx.stateOpen,
+          values: _ctx.displayValues,
+          "prefix-cls": _ctx.prefixCls,
+          filterable: _ctx.filterable,
+          "search-value": _ctx.searchValue,
+          placeholder: _ctx.loading ? _ctx.loadingTextLocale : _ctx.placeholder,
+          "max-tag-count": _ctx.maxTagCount,
+          "max-tag-text-length": _ctx.maxTagTextLength,
+          "max-tag-placeholder": _ctx.maxTagPlaceholder,
+          "popover-props": _ctx.popoverProps,
+          "max-tag-tooltip": _ctx.maxTagTooltip,
+          "max-tag-tooltip-width": _ctx.maxTagTooltipWidth,
+          "is-show-tag-tooltip": _ctx.isShowTagTooltip,
+          "tag-render": _ctx.tagRender,
+          "tag-transition-name": _ctx.tagTransitionName,
+          "remove-icon": _ctx.removeIcon,
+          "allow-create": _ctx.allowCreate,
+          "title-key": _ctx.titleKey,
+          "allow-empty-value": _ctx.allowEmptyValue,
+          "token-with-enter": _ctx.tokenWithEnter,
+          "trigger-search": _ctx.triggerSearch,
+          onToggleOpen: _ctx.onToggleOpen,
+          onSelect: _ctx.onSelectionSelect,
+          onCreateSubmit: _ctx.onCreateSubmit
+        }, {
+          placeholder: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "placeholder", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.loading ? _ctx.loadingTextLocale : _ctx.placeholder), 1)
+            ])
+          ]),
+          _: 3
+        }, 8, ["disabled", "multiple", "open", "values", "prefix-cls", "filterable", "search-value", "placeholder", "max-tag-count", "max-tag-text-length", "max-tag-placeholder", "popover-props", "max-tag-tooltip", "max-tag-tooltip-width", "is-show-tag-tooltip", "tag-render", "tag-transition-name", "remove-icon", "allow-create", "title-key", "allow-empty-value", "token-with-enter", "trigger-search", "onToggleOpen", "onSelect", "onCreateSubmit"]),
+        vue.createCommentVNode(" arrow-Icon "),
+        _ctx.showArrow ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: "arrow",
+          class: vue.normalizeClass(`${_ctx.prefixCls}-arrow`)
+        }, [
+          vue.createVNode(_component_UIcon, { spin: _ctx.loading }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.realSuffixIcon)))
+            ]),
+            _: 1
+          }, 8, ["spin"])
+        ], 2)) : vue.createCommentVNode("v-if", true),
+        vue.createCommentVNode(" clearIcon "),
+        _ctx.showClear ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: "clear",
+          class: vue.normalizeClass(`${_ctx.prefixCls}-clear`),
+          onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+          }, ["prevent"])),
+          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClearSelection && _ctx.onClearSelection(...args))
+        }, [
+          vue.createVNode(_component_UIcon, null, {
+            default: vue.withCtx(() => [
+              _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon), { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_URoundCloseCircle, { key: 1 }))
+            ]),
+            _: 1
+          })
+        ], 34)) : vue.createCommentVNode("v-if", true)
+      ], 16, _hoisted_1)
+    ]),
+    _: 3
+  }, 8, ["prefix-cls", "placement", "visible", "popup-class", "popup-style", "click-outside"]);
+}
+var RefSelect = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Select\\RefSelect.vue"]]);
+
+exports["default"] = RefSelect;
+//# sourceMappingURL=RefSelect.js.map

package/lib/components/Select/RefSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefSelect.js","sources":["../../../../src/components/Select/RefSelect.vue"],"sourcesContent":["<template>\n  <Popup\n    :prefix-cls=\"`${prefixCls}-dropdown`\"\n    :placement=\"computedPlacement\"\n    :visible=\"popupOpen\"\n    :popup-class=\"`${dropdownMenuClass || ''} ${isEmpty ? `${prefixCls}-dropdown-empty` : ''} ${\n      direction === 'rtl' ? `${prefixCls}-dropdown-rtl` : ''\n    }`\"\n    :popup-style=\"popupStyle\"\n    transition-name=\"slide-up\"\n    :click-outside=\"onClickOutside\"\n  >\n    <div\n      ref=\"containerRef\"\n      :class=\"[\n        prefixCls,\n        {\n          [attrClass]: attrClass,\n          [`${prefixCls}-${size}`]: size,\n          [`${prefixCls}-variant-soft`]: variant === 'soft',\n          [`${prefixCls}-variant-text`]: variant === 'text' && !multiple,\n          [`${prefixCls}-variant-surface`]: variant === 'surface' || (variant === 'text' && multiple),\n          [`${prefixCls}-single`]: !multiple,\n          [`${prefixCls}-multiple`]: multiple,\n          [`${prefixCls}-open`]: stateOpen,\n          [`${prefixCls}-filterable`]: filterable,\n          [`${prefixCls}-focused`]: stateFocused,\n          [`${prefixCls}-disabled`]: disabled,\n          [`${prefixCls}-clearable`]: !!clearable,\n          [`${prefixCls}-with-clear`]: showClear,\n          [`${prefixCls}-show-arrow`]: showArrow,\n          [`${prefixCls}-loading`]: !!loading,\n          [`${prefixCls}-show-prefix`]: !!prefixIcon,\n          [`${prefixCls}-arrow-no-rotate`]: !arrowRotate,\n          [`${prefixCls}-rtl`]: computedDirection === 'rtl'\n        }\n      ]\"\n      v-bind=\"$attrs\"\n      :data-color=\"color\"\n      :style=\"attrStyle\"\n      :tabindex=\"disabled ? -1 : 0\"\n      @mousedown=\"onContainerMouseDown\"\n      @keydown=\"onContainerKeydown\"\n    >\n      <span\n        v-if=\"!!label\"\n        :class=\"{\n          [`${prefixCls}-label`]: true,\n          [`${prefixCls}-label-colon`]: labelColon,\n          [`${prefixCls}-label-required`]: required\n        }\"\n      >\n        {{ label }}\n      </span>\n      <!-- prefix-Icon -->\n      <span v-else-if=\"!!prefixIcon\" key=\"prefix\" :class=\"`${prefixCls}-prefix`\">\n        <UIcon>\n          <component :is=\"prefixIcon\" />\n        </UIcon>\n      </span>\n      <Selection\n        ref=\"selectionRef\"\n        :disabled=\"disabled\"\n        :multiple=\"multiple\"\n        :open=\"stateOpen\"\n        :values=\"displayValues\"\n        :prefix-cls=\"prefixCls\"\n        :filterable=\"filterable\"\n        :search-value=\"searchValue\"\n        :placeholder=\"loading ? loadingTextLocale : placeholder\"\n        :max-tag-count=\"maxTagCount\"\n        :max-tag-text-length=\"maxTagTextLength\"\n        :max-tag-placeholder=\"maxTagPlaceholder\"\n        :popover-props=\"popoverProps\"\n        :max-tag-tooltip=\"maxTagTooltip\"\n        :max-tag-tooltip-width=\"maxTagTooltipWidth\"\n        :is-show-tag-tooltip=\"isShowTagTooltip\"\n        :tag-render=\"tagRender\"\n        :tag-transition-name=\"tagTransitionName\"\n        :remove-icon=\"removeIcon\"\n        :allow-create=\"allowCreate\"\n        :title-key=\"titleKey\"\n        :allow-empty-value=\"allowEmptyValue\"\n        :token-with-enter=\"tokenWithEnter\"\n        :trigger-search=\"triggerSearch\"\n        @toggle-open=\"onToggleOpen\"\n        @select=\"onSelectionSelect\"\n        @create-submit=\"onCreateSubmit\"\n      >\n        <template #placeholder>\n          <slot name=\"placeholder\">\n            {{ loading ? loadingTextLocale : placeholder }}\n          </slot>\n        </template>\n      </Selection>\n\n      <!-- arrow-Icon -->\n      <span v-if=\"showArrow\" key=\"arrow\" :class=\"`${prefixCls}-arrow`\">\n        <UIcon :spin=\"loading\">\n          <component :is=\"realSuffixIcon\" />\n        </UIcon>\n      </span>\n      <!-- clearIcon -->\n      <span v-if=\"showClear\" key=\"clear\" :class=\"`${prefixCls}-clear`\" @mousedown.prevent @click=\"onClearSelection\">\n        <UIcon>\n          <component :is=\"clearIcon\" v-if=\"clearIcon\" />\n          <URoundCloseCircle v-else />\n        </UIcon>\n      </span>\n    </div>\n    <template #popup>\n      <DropdownMenu\n        :id=\"ariaId\"\n        ref=\"listRef\"\n        :prefix-cls=\"prefixCls\"\n        :open=\"stateOpen\"\n        :width=\"dropdownMenuWidth\"\n        :multiple=\"multiple\"\n        :multiple-limit=\"multipleLimit\"\n        :options=\"loading ? [] : displayOptions\"\n        :values=\"innerValue\"\n        :search-value=\"searchValue\"\n        :default-active-first=\"defaultActiveFirst\"\n        :height=\"dropdownHeight\"\n        :item-height=\"dropdownItemHeight\"\n        :size=\"size\"\n        :select-all=\"selectAll\"\n        :color=\"color\"\n        :direction=\"computedDirection\"\n        :title-key=\"titleKey\"\n        @select=\"onOptionSelect\"\n        @close=\"onToggleOpen(false)\"\n        @scroll-at-top=\"onScrollAtTop\"\n        @scroll-at-bottom=\"onScrollAtBottom\"\n        @create-submit=\"onCreateSubmit\"\n      >\n        <template #empty>\n          <slot name=\"notFound\">\n            <RenderEmpty size=\"small\" :text=\"loading ? loadingTextLocale : notFoundText\" />\n          </slot>\n        </template>\n      </DropdownMenu>\n    </template>\n  </Popup>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, computed, onMounted, onUpdated, provide, inject, shallowRef } from 'vue';\nimport type { CSSProperties, PropType } from 'vue';\nimport Popup from '@uxd-ui/components/Popup';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UCheckbox from '@uxd-ui/components/Checkbox';\nimport { URoundCloseCircle, ULineLoading, ULineSearch, URoundDown } from '@koi-design/uxd-icon';\nimport { removeLastEnabledValue, getSeparatedContent } from './utils';\nimport KeyCode from '../../utils/KeyCode';\nimport { generateUUID } from '../../utils/tools';\nimport DropdownMenu from './DropdownMenu.vue';\nimport Selection from './Selection';\nimport RenderEmpty from '../base/RenderEmpty.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport useDelaySet from '../base/hooks/useDelaySet';\n// import useLock from '../base/hooks/useLock';\nimport useArrayValue, { toArray } from './hooks/useArrayValue';\nimport useOptions from './hooks/useOptions';\nimport useContainerWidth from '../base/hooks/useContainerWidth';\nimport { FormItemKey } from '../Form';\nimport { selectProps, selectEmits } from './Select.type';\nimport type { SingleValueType } from './Select.type';\nimport type { FormItemContext } from '../Form/Form.type';\n\nconst localIsValid = (val: any) => {\n  return val !== null && val !== undefined;\n};\n\nexport default defineComponent({\n  name: 'RefSelect',\n  components: {\n    Popup,\n    Selection,\n    DropdownMenu,\n    RenderEmpty,\n    UIcon,\n    UCheckbox,\n    URoundCloseCircle\n  },\n  inheritAttrs: false,\n  props: {\n    ...selectProps,\n    children: {\n      type: Array as PropType<any[]>,\n      default: undefined\n    }\n  },\n  emits: selectEmits,\n  setup(props, { emit, attrs }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('select');\n    const ariaId = `select_${generateUUID()}`;\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n\n    // =================== ref ==================\n    // #region\n    const containerRef = shallowRef<HTMLElement | null>(null);\n    const selectionRef = ref<any | null>(null);\n    const listRef = ref<any | null>(null);\n    // #endregion\n\n    // =================== value & data ==================\n    // #region\n\n    const stateValue = ref(props.modelValue);\n    const { toInnerValue, toOuterValue } = useArrayValue();\n    const innerValue = computed<(string | number)[]>(() => toInnerValue(stateValue.value, props.allowEmptyValue ? localIsValid : undefined));\n    // const innerValue = computed<(string | number)[]>(() => toInnerValue(stateValue.value));\n    const searchValue = ref('');\n    const setSearchValue = (val: string) => {\n      searchValue.value = val;\n    };\n    // const activeValue = ref(null);\n    // const setActiveValue = val => {\n    //   activeValue.value = val;\n    // };\n\n    const { displayOptions, getOptionsByValue, getOptionByLabel } = useOptions(props, searchValue, innerValue);\n\n    watch(\n      () => props.modelValue,\n      (val) => {\n        stateValue.value = val;\n      }\n    );\n\n    const emitChange = (val: (string | number)[]) => {\n      const _multiple = props.multiple === true;\n      const value = toOuterValue(val, _multiple);\n\n      if (props.modelValue === undefined) {\n        stateValue.value = value;\n      }\n      console.log('emitChange', value);\n      emit('update:modelValue', value);\n      const options = getOptionsByValue(val);\n      emit('change', value, _multiple ? options : options[0]);\n      if (onFieldChange && !props.disabledTriggerForm) {\n        onFieldChange(value);\n      }\n    };\n    // #endregion\n\n    //  =================== open ==================\n    // #region\n    const stateOpen = ref<boolean>(props.open || false);\n    watch(\n      () => props.open,\n      (val) => {\n        stateOpen.value = val || false;\n      }\n    );\n    const noPopupContent = computed(() => !props.showEmpty && !displayOptions.value.length);\n    const popupOpen = computed(() => (noPopupContent.value ? false : stateOpen.value));\n\n    const computedDirection = computed(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n    const computedPlacement = computed(() => {\n      if (props.placement) {\n        return props.placement;\n      }\n      return computedDirection.value === 'rtl' ? 'bottom-end' : 'bottom-start';\n    });\n\n    const setOpenState = (open?: boolean) => {\n      const _open = open !== undefined ? open : !stateOpen.value;\n      if (stateOpen.value !== _open && !props.disabled) {\n        if (props.open === undefined) {\n          stateOpen.value = _open;\n        }\n        emit('dropdown-visible-change', _open);\n      }\n    };\n\n    watch(\n      () => props.disabled,\n      () => {\n        if (stateOpen.value && !!props.disabled) {\n          setOpenState(false);\n        }\n      }\n    );\n    // #endregion\n\n    // =================== selection ==================\n    // #region\n\n    const getDisplayValus = () => {\n      const options = getOptionsByValue(innerValue.value);\n      return options.map((x) => {\n        let displayLabel;\n        const displayProp = props.displayProp || 'slot';\n        if (displayProp === 'slot') {\n          displayLabel = x.render ? x.render() : x.label;\n        } else {\n          displayLabel = x[displayProp] || x.label;\n        }\n        return {\n          ...x,\n          displayLabel\n        };\n      });\n    };\n\n    const displayValues = computed(() => {\n      return getDisplayValus();\n    });\n\n    const onSelect = (value: string | number | string[] | number[], { selected }: { selected: boolean }) => {\n      if (props.disabled) {\n        return;\n      }\n\n      if (props.multiple) {\n        const _rawValue = new Set(innerValue.value);\n        const values = toArray(value);\n        if (selected) {\n          values.forEach((v: string | number) => {\n            _rawValue.add(v);\n          });\n        } else {\n          values.forEach((v: string | number) => {\n            _rawValue.delete(v);\n          });\n        }\n        const rowValue = Array.from(_rawValue);\n        if (props.sortByOption && props.options) {\n          const sortValue: SingleValueType[] = [];\n          props.options.forEach((o) => {\n            if (rowValue.includes(o.value)) {\n              sortValue.push(o.value);\n            }\n          });\n          emitChange(sortValue);\n        } else {\n          emitChange(rowValue);\n        }\n      } else if (value !== stateValue.value && !Array.isArray(value)) {\n        emitChange([value]);\n      }\n\n      const { autoClearSearchValue = true } = props;\n      if (!props.multiple) {\n        setOpenState(false);\n      }\n      if (!props.multiple || autoClearSearchValue) {\n        setSearchValue('');\n      }\n    };\n\n    // #endregion\n\n    // =================== popup ==================\n    // #region\n    const { containerWidth, getContainerWidth } = useContainerWidth(containerRef);\n    onMounted(() => {\n      getContainerWidth();\n    });\n\n    onUpdated(() => {\n      getContainerWidth();\n    });\n\n    const popupStyle = computed(() => {\n      const cssStyle: CSSProperties = {};\n      if (typeof props.dropdownMenuWidth === 'number') {\n        cssStyle.width = `${props.dropdownMenuWidth}px`;\n        cssStyle.minWidth = `${props.dropdownMenuWidth}px`;\n      } else {\n        cssStyle.width = `${containerWidth.value}px`;\n        cssStyle.minWidth = `${containerWidth.value}px`;\n      }\n      return {\n        ...cssStyle,\n        ...props.dropdownMenuStyle\n      } as CSSProperties;\n    });\n    // #endregion\n\n    // =================== search ==================\n    // #region\n\n    const tokenWithEnter = computed(() => {\n      return (props.tokenSeparators || []).some((token) => token === '\\n' || token === '\\r\\n');\n    });\n\n    const triggerSearch = (searchText: string, isCompositing: boolean) => {\n      let ret = true;\n      let _searchValue = searchText;\n      const preSearchValue = searchValue.value;\n      // setActiveValue(null);\n      // handle paste auto separate, only use in multiple and tokenSeparators is set\n      if (props.multiple && props.tokenSeparators) {\n        const patchLabels = isCompositing ? null : getSeparatedContent(searchText, props.tokenSeparators);\n\n        if (patchLabels) {\n          const patchRawValues: SingleValueType[] = [];\n          const restValues: string[] = [];\n          patchLabels.forEach((label) => {\n            const option = getOptionByLabel(label);\n            if (option) {\n              patchRawValues.push(option.value);\n            } else {\n              restValues.push(label);\n            }\n          });\n          const newValues = [...innerValue.value, ...patchRawValues, ...(props.allowCreate ? restValues : [])];\n          emitChange(newValues);\n          setOpenState(false);\n          ret = false;\n          _searchValue = '';\n        }\n      }\n\n      setSearchValue(_searchValue);\n      if (preSearchValue !== _searchValue) {\n        emit('search', _searchValue);\n      }\n      return ret;\n    };\n\n    watch(\n      stateOpen,\n      () => {\n        if (!stateOpen.value && searchValue.value) {\n          triggerSearch('', false);\n        }\n      },\n      { immediate: true }\n    );\n\n    // #endregion\n\n    // =================== focus/ blur ==================\n    // #region\n    const [stateFocused, setStateFocused] = useDelaySet();\n    const _immediateFocused = ref(false);\n    const onContainerFocus = (args: any) => {\n      setStateFocused(true);\n      if (!props.disabled && !stateFocused.value) {\n        emit('focus', args);\n      }\n      _immediateFocused.value = true;\n    };\n    const onContainerBlur = (args: any) => {\n      setStateFocused(false, () => {\n        _immediateFocused.value = false;\n        setOpenState(false);\n      });\n      // if (props.disabled) {\n      //   return;\n      // }\n      // if (searchValue.value && props.multiple) {\n      //   setSearchValue('');\n      // }\n\n      emit('blur', args);\n    };\n\n    provide('SelectContext', {\n      focus: onContainerFocus,\n      blur: onContainerBlur\n    });\n\n    const onContainerMouseDown = (e: any) => {\n      setOpenState(!stateOpen.value);\n      emit('mousedown', e);\n    };\n\n    // #endregion\n\n    // =================== keyboard ==================\n    // #region\n\n    // const [getClearLock, setClearLock] = useLock();\n\n    const onContainerKeydown = (e: KeyboardEvent) => {\n      // const clearlock = getClearLock();\n      const { which } = e;\n      if (!stateOpen.value && which === KeyCode.Enter) {\n        setOpenState(true);\n      }\n      // setClearLock(!!searchValue.value);\n\n      if (\n        which === KeyCode.BACKSPACE &&\n        // !clearlock &&\n        props.multiple &&\n        !searchValue.value &&\n        innerValue.value.length > 0\n      ) {\n        const removeInfo = removeLastEnabledValue(displayValues.value, innerValue.value);\n\n        if (removeInfo.removedValue !== null) {\n          emitChange(removeInfo.values);\n        }\n      }\n\n      if (stateOpen.value && listRef.value) {\n        (listRef.value as any).onKeydown(e);\n      }\n      emit('keydown', e);\n    };\n\n    // #endregion\n\n    // =================== other ==================\n    // #region\n    const showClear = computed(() => {\n      return props.clearable && !props.disabled && (innerValue.value.length || searchValue.value);\n    });\n\n    const isEmpty = computed(() => {\n      return displayOptions.value.length === 0;\n    });\n\n    const realSuffixIcon = computed(() => {\n      if (props.loading) {\n        return ULineLoading;\n      }\n      if (props.filterable && stateOpen.value) {\n        return ULineSearch;\n      }\n      return props.suffixIcon || URoundDown;\n    });\n    // #endregion\n\n    const attrClass = computed<any>(() => attrs.class);\n    const attrStyle = computed<any>(() => attrs.style);\n\n    const loadingTextLocale = computed(() => {\n      return props.loadingText || globalConfig.locale.select.loadingText;\n    });\n\n    return {\n      attrClass,\n      attrStyle,\n      // const\n      prefixCls,\n      ariaId,\n      // Refs\n      containerRef,\n      selectionRef,\n      listRef,\n\n      // computed\n      showClear,\n      isEmpty,\n      realSuffixIcon,\n      tokenWithEnter,\n      loadingTextLocale,\n\n      // datas\n      popupStyle,\n      searchValue,\n      stateOpen,\n      popupOpen,\n      computedDirection,\n      computedPlacement,\n      innerValue,\n      displayValues,\n      stateFocused,\n      displayOptions,\n      // method\n      onContainerMouseDown,\n      onContainerKeydown,\n      onOptionSelect: onSelect,\n      onSelectionSelect: onSelect,\n      onClearSelection: () => {\n        emitChange([]);\n        triggerSearch('', false);\n        emit('clear');\n      },\n      triggerSearch,\n      onToggleOpen: (open?: boolean) => {\n        setOpenState(open);\n      },\n      onClickOutside: () => {\n        setOpenState(false);\n      },\n      onCreateSubmit: (val: string) => {\n        emit('create', val);\n      },\n      onScrollAtTop: () => {\n        emit('scroll-at-top');\n      },\n      onScrollAtBottom: () => {\n        emit('scroll-at-bottom');\n      }\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","Popup","Selection","DropdownMenu","RenderEmpty","UIcon","UCheckbox","URoundCloseCircle","selectProps","selectEmits","useGlobalConfig","generateUUID","inject","FormItemKey","shallowRef","ref","useArrayValue","computed","useOptions","toArray","useContainerWidth","getSeparatedContent","useDelaySet","KeyCode","removeLastEnabledValue","ULineLoading","ULineSearch","URoundDown","_createBlock","_withCtx","_createVNode","_renderSlot","_createElementVNode","_mergeProps","_createElementBlock","_normalizeClass","_Fragment","_createCommentVNode","_resolveDynamicComponent"],"mappings":"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"}