@opentinyvue/vue-design-aurora 2.27.0 → 2.28.0

package/index.d.ts

@@ -237,6 +237,40 @@ declare const _default: {
                 computedTreeMaxHeight(): void;
             };
         };
+        BaseSelect: {
+            baseOpts: {
+                optionHeight: number;
+                limit: number;
+            };
+            icons: {
+                dropdownIcon: any;
+            };
+            state: {
+                sizeMap: {
+                    default: number;
+                    mini: number;
+                    small: number;
+                    medium: number;
+                };
+                spacingHeight: number;
+                initialInputHeight: number;
+                autoHideDownIcon: boolean;
+                delayBlur: boolean;
+            };
+            props: {
+                tagType: string;
+                stopPropagation: boolean;
+            };
+            renderless: (props: any, hooks: any, { emit }: {
+                emit: any;
+            }, api: any) => {
+                computedCollapseTagSize: () => string;
+                computedShowDropdownIcon: () => boolean;
+                toggleCheckAll: (filtered: any) => void;
+                computedShowTagText: () => any;
+                isTagClosable: (item: any) => boolean;
+            };
+        };
     };
 };
 export default _default;

package/index.js

@@ -396,6 +396,112 @@ var Popeditor = {
     };
   }
 };
+var BaseSelect = {
+  // 虚拟滚动的默认options不一致
+  baseOpts: {
+    optionHeight: 34,
+    limit: 20
+  },
+  icons: {
+    dropdownIcon: iconChevronDown()
+  },
+  state: {
+    sizeMap: {
+      default: 30,
+      mini: 24,
+      small: 36,
+      medium: 42
+    },
+    spacingHeight: 2,
+    initialInputHeight: 30,
+    // 显示清除等图标时，不隐藏下拉箭头时
+    autoHideDownIcon: false,
+    delayBlur: true
+  },
+  props: {
+    tagType: "info",
+    stopPropagation: true
+  },
+  renderless: function renderless9(props, hooks, _ref0, api) {
+    _ref0.emit;
+    var state = api.state;
+    return {
+      // 兼容不同主题输入框尺寸对应标签尺寸不一致
+      computedCollapseTagSize: function computedCollapseTagSize() {
+        var size = "small";
+        if (~["small", "mini"].indexOf(state.selectSize)) {
+          size = state.selectSize;
+        } else if (~["medium", "default"].indexOf(state.selectSize)) {
+          size = "small";
+        }
+        return size;
+      },
+      // 兼容显示清除图标时，是否同时显示下拉图标
+      computedShowDropdownIcon: function computedShowDropdownIcon() {
+        return !(props.remote && props.filterable && !props.remoteConfig.showIcon);
+      },
+      // aui 的勾选未处理disabled的选项，故此放这里。
+      toggleCheckAll: function toggleCheckAll(filtered) {
+        var getEnabledValues = function getEnabledValues2(options) {
+          var values = [];
+          for (var i = 0; i < options.length; i++) {
+            if (!options[i].state.disabled && !options[i].state.groupDisabled && options[i].state.visible) {
+              values.push(options[i].value);
+            }
+          }
+          return values;
+        };
+        var value;
+        var enabledValues = getEnabledValues(state.options);
+        if (filtered) {
+          if (state.filteredSelectCls === "check" || state.filteredSelectCls === "halfselect") {
+            value = Array.from(/* @__PURE__ */ new Set([].concat(state.modelValue, enabledValues)));
+          } else {
+            value = state.modelValue.filter(function(val) {
+              return !enabledValues.includes(val);
+            });
+          }
+        } else {
+          if (state.selectCls === "check") {
+            value = enabledValues;
+          } else if (state.selectCls === "halfselect") {
+            var unchecked = state.options.filter(function(item) {
+              return !item.state.disabled && item.state.selectCls === "check";
+            });
+            unchecked.length ? value = enabledValues : value = [];
+          } else if (state.selectCls === "checked-sur") {
+            value = [];
+          }
+        }
+        var requiredValue = [];
+        if (props.multiple) {
+          state.options.forEach(function(opt) {
+            if (opt.required) requiredValue.push(opt.value);
+          });
+        }
+        if (Array.isArray(value)) {
+          value = requiredValue.concat(value.filter(function(val) {
+            return !requiredValue.find(function(requireVal) {
+              return requireVal === val;
+            });
+          }));
+        }
+        api.setSoftFocus();
+        state.isSilentBlur = true;
+        api.updateModelValue(value);
+        api.directEmitChange(value);
+      },
+      // aurora 禁用和只展示的时候都是tagText，默认主题是 isDisplayOnly 才显示tagText
+      computedShowTagText: function computedShowTagText() {
+        return state.isDisabled || state.isDisplayOnly;
+      },
+      // aurora 禁用已选项无效果，必选不显示关闭图标
+      isTagClosable: function isTagClosable(item) {
+        return !item.required;
+      }
+    };
+  }
+};
 var version = "2.undefined";
 var index = {
   name: "aurora",
@@ -429,7 +535,8 @@ var index = {
     Pager,
     Wizard,
     DialogBox,
-    Popeditor
+    Popeditor,
+    BaseSelect
   }
 };
 

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@opentinyvue/vue-design-aurora",
   "type": "module",
-  "version": "2.27.0",
+  "version": "2.28.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "./index.js",
   "dependencies": {
-    "@opentinyvue/vue-icon": "~2.27.0"
+    "@opentinyvue/vue-icon": "~2.28.0"
   },
   "module": "./index.js",
   "types": "index.d.ts"

package/src/base-select/index.d.ts

@@ -0,0 +1,35 @@
+declare const _default: {
+    baseOpts: {
+        optionHeight: number;
+        limit: number;
+    };
+    icons: {
+        dropdownIcon: any;
+    };
+    state: {
+        sizeMap: {
+            default: number;
+            mini: number;
+            small: number;
+            medium: number;
+        };
+        spacingHeight: number;
+        initialInputHeight: number;
+        autoHideDownIcon: boolean;
+        delayBlur: boolean;
+    };
+    props: {
+        tagType: string;
+        stopPropagation: boolean;
+    };
+    renderless: (props: any, hooks: any, { emit }: {
+        emit: any;
+    }, api: any) => {
+        computedCollapseTagSize: () => string;
+        computedShowDropdownIcon: () => boolean;
+        toggleCheckAll: (filtered: any) => void;
+        computedShowTagText: () => any;
+        isTagClosable: (item: any) => boolean;
+    };
+};
+export default _default;

package/src/select-wrapper/index.d.ts

@@ -0,0 +1,35 @@
+declare const _default: {
+    baseOpts: {
+        optionHeight: number;
+        limit: number;
+    };
+    icons: {
+        dropdownIcon: any;
+    };
+    state: {
+        sizeMap: {
+            default: number;
+            mini: number;
+            small: number;
+            medium: number;
+        };
+        spacingHeight: number;
+        initialInputHeight: number;
+        autoHideDownIcon: boolean;
+        delayBlur: boolean;
+    };
+    props: {
+        tagType: string;
+        stopPropagation: boolean;
+    };
+    renderless: (props: any, hooks: any, { emit }: {
+        emit: any;
+    }, api: any) => {
+        computedCollapseTagSize: () => string;
+        computedShowDropdownIcon: () => boolean;
+        toggleCheckAll: (filtered: any) => void;
+        computedShowTagText: () => any;
+        isTagClosable: (item: any) => boolean;
+    };
+};
+export default _default;