ep-craft 0.1.28 → 0.1.30

package/dist/index.d.ts

@@ -3,6 +3,25 @@ export * from './components';
 export { withInstall } from './utils/with-install';
 export { EpCraftResolver } from './resolver';
 export * from 'element-plus';
+/**
+ * 表单上下文相关的 hooks 与 InjectionKey，必须覆盖 element-plus 的同名导出。
+ *
+ * 背景：源码化（vendored）的表单类组件在构建时被 alias 到本地 src/，
+ * 其 provide/inject 用的是本库 src/components/form/src/constants.ts 定义的
+ * Symbol；而 `export * from 'element-plus'` 带出的同名成员来自 element-plus
+ * 自己的包实例，两者是不同的 Symbol（Symbol 每次求值都会产生新值）。
+ *
+ * 后果：使用方从 `ep-craft` 根入口导入 useFormDisabled 等 hooks 时，
+ * 实际拿到的是 element-plus 版本，其 inject(formContextKey) 找不到
+ * <ep-form> provide 的上下文，`form?.disabled` 恒为 undefined，最终兜底为
+ * false——表单级 disabled 无法传播到自定义包装组件（表现为只读态下下拉框
+ * 已置灰、数字输入框仍可编辑）。
+ *
+ * 故此处显式再导出本库自身的实现。必须写在 `export * from 'element-plus'`
+ * 之后：若写在其前面，同名导出会因 export * 的歧义消除规则被静默丢弃，
+ * 使用方又会拿到 element-plus 版本，问题复现。
+ */
+export { formContextKey, formItemContextKey, useDisabled, useFormDisabled, useFormItem, useFormItemInputId, useFormSize, useSize, } from './components/form';
 export { ElMessage as EpMessage, ElMessageBox as EpMessageBox, ElNotification as EpNotification, ElLoading as EpLoading, ElInfiniteScroll as EpInfiniteScroll, } from 'element-plus';
 export declare const EpCraft: Plugin;
 export default EpCraft;

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", "SelectV2", "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", "InputNumber", "Option", "OptionGroup", "Select", "SelectV2", "DatePicker", "DatePickerPanel", "TimePicker", "CollapseTransition", "ConfigProvider", "Form", "Icon", "Popper", "Tooltip", "Scrollbar"];
 export type VendoredComponentName = (typeof vendoredComponents)[number];
 export declare const isVendored: (name: string) => boolean;

package/dist/vendored-components.js

@@ -16,6 +16,7 @@ const o = [
   "RadioButton",
   "RadioGroup",
   "Input",
+  "InputNumber",
   "Option",
   "OptionGroup",
   "Select",
@@ -25,6 +26,7 @@ const o = [
   "TimePicker",
   // 横切组件（vendor-cross-cutting 产出，跳过 gen 包装）
   "CollapseTransition",
+  "ConfigProvider",
   "Form",
   "Icon",
   "Popper",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ep-craft",
-  "version": "0.1.28",
+  "version": "0.1.30",
   "description": "A Vue 3 component library based on element-plus with ep- prefix",
   "type": "module",
   "main": "./dist/ep-craft.js",
@@ -52,6 +52,7 @@
     "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --outDir dist",
     "gen": "tsx scripts/gen-components.ts",
     "gen:docs": "tsx scripts/gen-docs.ts",
+    "verify:config-provider": "node scripts/verify-config-provider.mjs",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs"

package/theme-chalk/src/input-number.scss

@@ -190,3 +190,121 @@
     }
   }
 }
+
+/* ----------------------------------------------------------------------------
+ * 浮动标签(float-label)在 input-number 容器内的水平定位
+ *
+ * 视觉(定位/过渡/缺口底色/隐藏)全部复用 float-label.scss 的 `.el-float-label`
+ * 基础规则,本文件只负责容器内的「水平定界 + 文本对齐 + 上浮左移」。
+ * 本文件规则特异性为 (0,4,0)~(0,6,0),恒高于 float-label.scss 的 (0,1,0)/(0,2,0),
+ * 故跨文件引入顺序不影响结果;且本文件不写 top/transform,不与之争属性。
+ *
+ * 结构:浮标是 `.el-input-number` 根的直接子节点(与 .el-input 容器、控制按钮并列),
+ * 而基础规则的 `left: 11px` 是按 `.el-input` 容器标定的,对应的是 input-number 的
+ * 左边缘而非文本区左边缘 —— 故此处必须显式给出文本区边界(left + right 定界)。
+ *
+ * 两条关键约束(详见 design.md「样式契约」):
+ *   1. 模式维度共享同一元素:尺寸(--small/--large)与 controls 模式(is-controls-right/
+ *      is-without-controls)都作用在同一元素上且可同时成立,故须用「类数量差」构造压制。
+ *   2. align 靠 text-align 实现(见上方 when($align) 块),不是靠位置;故休息态 label
+ *      必须横跨整个文本区,再按 align 对齐自身文本 —— 只设 left 无法跟随 align。
+ *
+ * 层叠策略:用 `:not(.is-floating)` 把休息态与上浮态做成互斥两组,跨状态冲突从根上
+ * 不存在;组内压制靠类数量差(模式档比默认档多一个类),与书写顺序无关。
+ * 唯一残留的顺序敏感点是 ③ 与 ⑤ 各自内部「尺寸档在前、controls 档在后」——
+ * 仅在 --small/--large 与 is-controls-right 或 is-without-controls 同时命中时有分歧,
+ * 结果须为 15px(与上游 input-number.scss 的实测层叠结果一致)。**请勿调换这两组的顺序**。
+ * -------------------------------------------------------------------------- */
+
+// ① 休息态:文本对齐跟随 align(与 .el-input__inner 的 text-align 取齐)。
+// 此处用显式选择器而非 `@include when($align)`:后者依赖 `b()` 建立的块上下文,
+// 本组规则与 ②③④⑤ 同处块外,写成 when() 会产出非法的裸 `&.is-<align>` 选择器被浏览器整条丢弃。
+.#{$namespace}-input-number.is-left
+  > .#{$namespace}-float-label:not(.is-floating) {
+  text-align: left;
+}
+
+.#{$namespace}-input-number.is-right
+  > .#{$namespace}-float-label:not(.is-floating) {
+  text-align: right;
+}
+
+.#{$namespace}-input-number.is-center
+  > .#{$namespace}-float-label:not(.is-floating) {
+  text-align: center;
+}
+
+// ② 休息态:默认档基数(左右定界 = 该模式 .el-input__wrapper 的水平内边距)
+.#{$namespace}-input-number.is-float-label
+  > .#{$namespace}-float-label:not(.is-floating) {
+  left: #{map.get($input-height, 'default') + 10};
+  right: #{map.get($input-height, 'default') + 10};
+}
+
+// ③ 休息态:模式档(尺寸档在前、controls 档在后,顺序敏感,勿调换)
+.#{$namespace}-input-number.is-float-label.#{$namespace}-input-number--small
+  > .#{$namespace}-float-label:not(.is-floating) {
+  left: #{map.get($input-height, 'small') + 7};
+  right: #{map.get($input-height, 'small') + 7};
+}
+
+.#{$namespace}-input-number.is-float-label.#{$namespace}-input-number--large
+  > .#{$namespace}-float-label:not(.is-floating) {
+  left: #{map.get($input-height, 'large') + 7};
+  right: #{map.get($input-height, 'large') + 7};
+}
+
+.#{$namespace}-input-number.is-float-label.is-without-controls
+  > .#{$namespace}-float-label:not(.is-floating) {
+  left: 15px;
+  right: 15px;
+}
+
+.#{$namespace}-input-number.is-float-label.is-controls-right
+  > .#{$namespace}-float-label:not(.is-floating) {
+  left: 15px;
+  right: #{map.get($input-height, 'default') + 10};
+}
+
+// controls-right 叠加尺寸档时右内缩仍随尺寸走(比上一条多一个类 ⇒ 恒压过它)
+.#{$namespace}-input-number.is-float-label.is-controls-right.#{$namespace}-input-number--small
+  > .#{$namespace}-float-label:not(.is-floating) {
+  right: #{map.get($input-height, 'small') + 7};
+}
+
+.#{$namespace}-input-number.is-float-label.is-controls-right.#{$namespace}-input-number--large
+  > .#{$namespace}-float-label:not(.is-floating) {
+  right: #{map.get($input-height, 'large') + 7};
+}
+
+// ④ 上浮态:默认档 —— 收缩为内容宽(放开 right)、落到该模式文本起点、放开指针以支持点击聚焦。
+// 基础规则带 pointer-events: none,直接写 @click 不会触发;休息态该值反而满足需求
+// (label 与空输入文本同位,穿透点击落到下层输入框 → 自然聚焦),故只在④放开。
+// 隐藏态(is-hidden)与上浮态互斥,不会继承这里的 auto,故只读且有值时仍不遮挡文本选中。
+.#{$namespace}-input-number.is-float-label
+  > .#{$namespace}-float-label.is-floating {
+  right: auto;
+  left: #{map.get($input-height, 'default') + 10};
+  pointer-events: auto;
+}
+
+// ⑤ 上浮态:模式档(比 ④ 多一个类 ⇒ 恒压过它;尺寸档在前、controls 档在后,顺序敏感)
+.#{$namespace}-input-number.is-float-label.#{$namespace}-input-number--small
+  > .#{$namespace}-float-label.is-floating {
+  left: #{map.get($input-height, 'small') + 7};
+}
+
+.#{$namespace}-input-number.is-float-label.#{$namespace}-input-number--large
+  > .#{$namespace}-float-label.is-floating {
+  left: #{map.get($input-height, 'large') + 7};
+}
+
+.#{$namespace}-input-number.is-float-label.is-without-controls
+  > .#{$namespace}-float-label.is-floating {
+  left: 15px;
+}
+
+.#{$namespace}-input-number.is-float-label.is-controls-right
+  > .#{$namespace}-float-label.is-floating {
+  left: 15px;
+}