ep-craft 0.1.26 → 0.1.28

package/dist/utils/objects.js

@@ -1,7 +1,15 @@
-import "lodash-unified";
+import { set as s, get as n } from "lodash-unified";
 import { hasOwn as p } from "@vue/shared";
-const t = (e) => Object.keys(e);
+const c = (e) => Object.keys(e), f = (e, t, r) => ({
+  get value() {
+    return n(e, t, r);
+  },
+  set value(o) {
+    s(e, t, o);
+  }
+});
 export {
+  f as getProp,
   p as hasOwn,
-  t as keysOf
+  c as keysOf
 };

package/dist/vendored-components.d.ts

@@ -11,6 +11,6 @@
  * 2. 横切组件（icon/tooltip/collapse-transition/popper）由 vendor-cross-cutting
  *    vendor 到本地，同样需跳过 gen 包装以免被覆盖为 wrapper。
  */
-export declare const vendoredComponents: readonly ["Affix", "Alert", "Anchor", "AnchorLink", "Button", "CheckTag", "Tag", "Menu", "MenuItem", "MenuItemGroup", "SubMenu", "Tabs", "TabPane", "Radio", "RadioButton", "RadioGroup", "Input", "Option", "OptionGroup", "Select", "DatePicker", "DatePickerPanel", "TimePicker", "CollapseTransition", "Form", "Icon", "Popper", "Tooltip", "Scrollbar"];
+export declare const vendoredComponents: readonly ["Affix", "Alert", "Anchor", "AnchorLink", "Button", "CheckTag", "Tag", "Menu", "MenuItem", "MenuItemGroup", "SubMenu", "Tabs", "TabPane", "Radio", "RadioButton", "RadioGroup", "Input", "Option", "OptionGroup", "Select", "SelectV2", "DatePicker", "DatePickerPanel", "TimePicker", "CollapseTransition", "Form", "Icon", "Popper", "Tooltip", "Scrollbar"];
 export type VendoredComponentName = (typeof vendoredComponents)[number];
 export declare const isVendored: (name: string) => boolean;

package/dist/vendored-components.js

@@ -19,6 +19,7 @@ const o = [
   "Option",
   "OptionGroup",
   "Select",
+  "SelectV2",
   "DatePicker",
   "DatePickerPanel",
   "TimePicker",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ep-craft",
-  "version": "0.1.26",
+  "version": "0.1.28",
   "description": "A Vue 3 component library based on element-plus with ep- prefix",
   "type": "module",
   "main": "./dist/ep-craft.js",
@@ -65,10 +65,12 @@
     "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.8",
     "@vue/shared": "^3.5.40",
     "@vueuse/core": "14.3.0",
+    "async-validator": "^4.2.5",
     "csstype": "^3.2.3",
     "dayjs": "^1.11.20",
     "element-plus": "^2.9.0",
     "lodash-unified": "^1.0.3",
+    "memoize-one": "^6.0.0",
     "normalize-wheel-es": "^1.2.0",
     "vue-component-type-helpers": "^3.3.5"
   },

package/theme-chalk/src/float-label.scss

@@ -50,6 +50,12 @@ $float-label-scale: 0.75 !default;
     margin-left: -4px;
     background-color: getCssVar('fill-color', 'blank');
   }
+
+  // 休息态且有值(仅禁用/只读 + 有值可达,见 useFloatLabel):label 与内容文本同位重叠,隐藏之。
+  // 用 opacity 而非 display,使禁用态被清空/赋值时仍有淡入淡出,不产生跳变。
+  &.is-hidden {
+    opacity: 0;
+  }
 }
 
 // input(非 textarea):label 位于 wrapper 内,需将 wrapper 设为定位上下文
@@ -98,6 +104,57 @@ $float-label-scale: 0.75 !default;
   }
 }
 
+// input 有 prefix(图标或自定义前缀)时,输入文本起点被右移,label 必须同步右移,否则会压在图标上。
+// 文本起点 = wrapper 水平内边距 + 图标宽 + 图标右间距:
+//   - wrapper 水平内边距:$input-padding-horizontal - $border-width(12-1 / 16-1 / 8-1)
+//   - 图标宽:1em(.el-icon { width: 1em; font-size: inherit }),随尺寸档位为 14px / 12px
+//   - 图标右间距:8px(.el-input__prefix-inner > :last-child { margin-right: 8px })
+// label 自身 font-size 与 .el-input 根一致(default/large 14px、small 12px),故 1em 自动跟随
+// 图标宽度与尺寸档位;三档尺寸仅需替换内边距基数。
+//
+// 作用域限定为「.el-input__wrapper 内的 label」,即 EpInput 自绘的浮标。date-picker 单值形态的
+// 浮标是经 EpInput 默认插槽注入到 .el-input 根的直接子节点(不在 wrapper 内),由下文
+// .el-date-editor 规则单独处理,两者互不干扰——请勿把选择器放宽为 `.el-input--prefix .el-float-label`。
+//
+// 注意:本规则特异性为 (0,3,0),高于上文 .el-input--large/.el-input--small 的 (0,2,0),
+// 故三档尺寸必须各自成条,不能合并为一条通用规则(否则 large/small 的内边距基数会被覆盖)。
+//
+// 局限:仅按「一个图标宽 + 8px」估算。prefix 插槽若塞入非图标内容(如自定义文本/多图标),
+// 实际宽度不同,label 仍可能偏左;此场景需使用方自行覆盖 left。
+.#{$namespace}-input--prefix
+  > .#{$namespace}-input__wrapper
+  > .#{$namespace}-float-label {
+  left: calc(
+    #{map.get($input-padding-horizontal, 'default') - $border-width} + 1em + 8px
+  );
+  max-width: calc(
+    100% - #{2 * (map.get($input-padding-horizontal, 'default') - $border-width)} - 1em -
+      8px
+  );
+}
+
+.#{$namespace}-input--large.#{$namespace}-input--prefix
+  > .#{$namespace}-input__wrapper
+  > .#{$namespace}-float-label {
+  left: calc(
+    #{map.get($input-padding-horizontal, 'large') - $border-width} + 1em + 8px
+  );
+  max-width: calc(
+    100% - #{2 * (map.get($input-padding-horizontal, 'large') - $border-width)} - 1em - 8px
+  );
+}
+
+.#{$namespace}-input--small.#{$namespace}-input--prefix
+  > .#{$namespace}-input__wrapper
+  > .#{$namespace}-float-label {
+  left: calc(
+    #{map.get($input-padding-horizontal, 'small') - $border-width} + 1em + 8px
+  );
+  max-width: calc(
+    100% - #{2 * (map.get($input-padding-horizontal, 'small') - $border-width)} - 1em - 8px
+  );
+}
+
 // 尺寸适配:select 的水平对齐
 .#{$namespace}-select--large {
   .#{$namespace}-float-label {