@daxiangme/form-vue 0.1.3 → 0.1.4

package/README.md

@@ -20,7 +20,14 @@ pnpm add @daxiangme/form-vue
 pnpm add @daxiangme/form-vue vue element-plus
 ```
 
-按以下顺序引入样式：
+按需宿主（`unplugin-vue-components` 等）只需引入包自身样式。入口会副作用导入所用 Element Plus 组件的 `style/css`，宿主已有的 `--el-*` 变量和全局 `.el-*` 补丁会作用在设计器上，**不必**全量 `element-plus/dist/index.css`，也**不必** `app.use(ElementPlus)`：
+
+```ts
+import '@daxiangme/form-vue/style.css'
+import { FormDesigner, FormRenderer } from '@daxiangme/form-vue'
+```
+
+已经全量引入 Element Plus 样式的工程仍然兼容，可继续：
 
 ```ts
 import 'element-plus/dist/index.css'
@@ -30,7 +37,7 @@ import '@daxiangme/form-vue/style.css'
 
 ## 注册组件
 
-库构建已把 Element Plus 控件编译为 `import { ElButton } from 'element-plus'`。按需宿主（`unplugin-vue-components` 等）**不必** `app.use(ElementPlus)`；引入 Vue 3、Element Plus peer 与样式后直接导入两个公共组件即可：
+库构建会为模板用到的 Element Plus 控件注入对应 `style/css` 副作用导入。按需宿主直接导入两个公共组件即可：
 
 ```ts
 import { createApp } from 'vue'

package/dist/index.js

@@ -1,8 +1,56 @@
+import "element-plus/es/components/message/style/css";
+import "element-plus/es/components/message-box/style/css";
+import "element-plus/es/components/loading/style/css";
 import { ElDialog as T3, ElLoadingDirective as R3, ElButton as d0, ElEmpty as L0, ElPagination as $3, ElTag as Y0, ElInput as I0, ElAlert as P0, ElCheckboxGroup as E4, ElCheckbox as Y2, ElRadioGroup as hl, ElRadio as vl, ElInputNumber as p2, ElSelect as $0, ElOption as O0, ElCheckboxButton as O3, ElRadioButton as q3, ElDatePicker as h5, ElUpload as N3, ElSwitch as d2, ElRate as ul, ElCascader as _3, ElTreeSelect as U3, ElTooltip as z2, ElCol as F3, ElFormItem as b2, ElDivider as v5, ElTabs as Q2, ElTabPane as X2, ElRow as sl, ElText as ml, ElSegmented as I2, ElForm as y2, ElDrawer as B3, ElDropdown as J2, ElDropdownMenu as K2, ElDropdownItem as Z2, ElOptionGroup as fl, ElButtonGroup as P3, ElSpace as j3, ElCollapse as u5, ElCollapseItem as s5, ElColorPicker as G3, ElTree as W3, ElResult as Y3 } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/tooltip/style/css";
 import { defineComponent as P1, computed as L, openBlock as n, createBlock as V, normalizeStyle as b0, normalizeClass as O1, createSlots as pl, withCtx as d, withDirectives as Q0, createElementBlock as m, renderSlot as p0, createTextVNode as G, toDisplayString as N, createCommentVNode as Q, h as K4, unref as U1, mergeProps as zl, shallowRef as Q3, ref as s1, watch as a0, createElementVNode as z, createVNode as o, Fragment as a1, renderList as u1, nextTick as T0, onMounted as l4, withKeys as f2, watchEffect as bl, resolveComponent as x4, resolveDynamicComponent as m5, reactive as R0, toRefs as X3, getCurrentInstance as f5, onUnmounted as J3, isRef as T4, withModifiers as X1, useId as K3, onBeforeUnmount as yl, useModel as M2, mergeModels as x0, vShow as a2 } from "vue";
 import { ElMessage as Z1, ElMessageBox as H2 } from "element-plus";
+import "element-plus/es/components/dialog/style/css";
+import "element-plus/es/components/button/style/css";
 import { cloneDesignerDocument as t2, serializeDesignerDocument as m2, decodeDesignerDocument as Ml, createDesignerSubtableRow as S2, cloneDesignerSubtableRow as Z4, createDesignerSubtableGridLayout as Vl, formatDesignerNumber as Cl, findDesignerComponent as B0, resolveDesignerNumberPrecision as Z3, createDesignerFieldFeedbackKey as U2, designerContainerAppearanceClasses as p5, resolveDesignerContainerAppearance as z5, projectDesignerSubtableColumns as C4, resolveDesignerLocalizedText as r4, designerFieldHelpI18nKey as Hl, designerFieldLabelI18nKey as Ll, designerModuleI18nKey as gl, designerActionI18nKey as Al, executeDesignerEventFlow as la, applyDesignerFieldAccess as aa, resolveDesignerFieldState as S5, readDesignerFieldAccess as ea, applyDesignerValueRules as oa, designerControlRadiusClass as F2, designerDialogRadiusClass as wl, resolveDesignerOverlayMaxHeight as ta, projectDesignerSubmission as ra, validateDesignerField as R4, projectDesignerFieldFeedback as $4, isDesignerRuntimeWriteBlocked as na, applyDesignerCurrentRowValueRules as ia, projectDesignerCanvas as kl, designerNodeDropRejection as Sl, resolveDesignerEventActionAvailability as O4, findDesignerNode as O2, createDefaultDesignerFieldBehavior as da, resolveDesignerValidationCatalog as ca, diagnoseDesignerFieldBehaviorDraft as ha, summarizeDesignerStateRule as va, summarizeDesignerValueRule as ua, summarizeDesignerValidationRule as sa, createDesignerStateRule as ma, createDesignerValueRule as E5, createDesignerValidationRule as x5, includeDesignerCurrentOption as n4, designerDateFormatOptions as fa, DESIGNER_PC_SPAN_PRESETS as pa, DESIGNER_MOBILE_SPAN_PRESETS as za, numberOptions as El, DESIGNER_FILE_TYPE_OPTIONS as I5, compatibleDesignerComponents as xl, countDesignerSurfaceContainers as ba, DESIGNER_SPACING_PRESETS as D5, resolveDesignerCatalogComponents as Il, diagnoseDesignerDocument as l5, prepareDesignerDataModel as T5, DESIGNER_MAIN_VIEW_CODE as e2, resolveDesignerViewRoot as R5, createDesignerOutline as ya, collectPlacedFieldIds as $5, collectPlacedRelationCodes as Ma, previewDesignerQuickGrid as Va, collectDesignerBatchDefaultFields as Ca, designerComponentDropRejection as Ha, mutateDesignerView as j0, resolveDesignerTargetEntityCode as La, createNodeFromComponent as w0, insertDesignerNode as ga, moveDesignerNode as Aa, removeDesignerNode as wa, duplicateDesignerNode as ka, restoreDesignerFieldNode as Sa, createDesignerRelationContainer as Ea, generateDesignerDataModelLayout as xa, deleteUnplacedDesignerField as Ia, applyDesignerQuickGrid as Da, applyDesignerBatchDefaults as Ta, updateDesignerRootEntity as Ra, updateDesignerRelation as $a, applyDesignerContainerAppearanceInheritance as Oa, synchronizeContainerSlots as qa, createEmptyDesignerDocument as Na, createDesignerOverlayModule as _a, duplicateDesignerOverlayModule as Ua, removeDesignerOverlayModule as Fa } from "@daxiangme/form-core";
-import { createDefaultDesignerFieldBehavior as jt, createDemoDesignerDocument as Gt, createEmptyDesignerDocument as Wt, decodeDesignerDocument as Yt, diagnoseDesignerDocument as Qt, serializeDesignerDocument as Xt } from "@daxiangme/form-core";
+import { createDefaultDesignerFieldBehavior as Nr, createDemoDesignerDocument as _r, createEmptyDesignerDocument as Ur, decodeDesignerDocument as Fr, diagnoseDesignerDocument as Br, serializeDesignerDocument as Pr } from "@daxiangme/form-core";
+import "element-plus/es/components/drawer/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/empty/style/css";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/alert/style/css";
+import "element-plus/es/components/segmented/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import "element-plus/es/components/text/style/css";
+import "element-plus/es/components/tabs/style/css";
+import "element-plus/es/components/tab-pane/style/css";
+import "element-plus/es/components/divider/style/css";
+import "element-plus/es/components/col/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/pagination/style/css";
+import "element-plus/es/components/tag/style/css";
+import "element-plus/es/components/tree-select/style/css";
+import "element-plus/es/components/cascader/style/css";
+import "element-plus/es/components/rate/style/css";
+import "element-plus/es/components/switch/style/css";
+import "element-plus/es/components/upload/style/css";
+import "element-plus/es/components/date-picker/style/css";
+import "element-plus/es/components/radio-group/style/css";
+import "element-plus/es/components/radio/style/css";
+import "element-plus/es/components/radio-button/style/css";
+import "element-plus/es/components/checkbox-group/style/css";
+import "element-plus/es/components/checkbox/style/css";
+import "element-plus/es/components/checkbox-button/style/css";
+import "element-plus/es/components/input-number/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/dropdown/style/css";
+import "element-plus/es/components/dropdown-menu/style/css";
+import "element-plus/es/components/dropdown-item/style/css";
+import "element-plus/es/components/option-group/style/css";
+import "element-plus/es/components/space/style/css";
+import "element-plus/es/components/button-group/style/css";
+import "element-plus/es/components/collapse/style/css";
+import "element-plus/es/components/collapse-item/style/css";
+import "element-plus/es/components/color-picker/style/css";
+import "element-plus/es/components/tree/style/css";
+import "element-plus/es/components/result/style/css";
 const Ba = { class: "daxiang-form-modal__body" }, q0 = /* @__PURE__ */ P1({
   name: "FormModalShell",
   __name: "FormModalShell",
@@ -14640,23 +14688,23 @@ const Vt = { class: "designer-schema-inspector__actions" }, Ct = { key: 1 }, Ht
       ]);
     };
   }
-}), Ot = /* @__PURE__ */ j1($t, [["__scopeId", "data-v-c525d85f"]]), Ft = {
+}), Ot = /* @__PURE__ */ j1($t, [["__scopeId", "data-v-c525d85f"]]), $r = {
   install(l) {
     l.component("FormDesigner", Ot), l.component("FormRenderer", o5);
   }
 };
 export {
-  Ft as DaxiangFormVue,
+  $r as DaxiangFormVue,
   Ot as FormDesigner,
   t1 as FormIcon,
   q0 as FormModalShell,
   o5 as FormRenderer,
-  jt as createDefaultDesignerFieldBehavior,
-  Gt as createDemoDesignerDocument,
-  Wt as createEmptyDesignerDocument,
-  Yt as decodeDesignerDocument,
-  Ft as default,
-  Qt as diagnoseDesignerDocument,
-  Xt as serializeDesignerDocument
+  Nr as createDefaultDesignerFieldBehavior,
+  _r as createDemoDesignerDocument,
+  Ur as createEmptyDesignerDocument,
+  Fr as decodeDesignerDocument,
+  $r as default,
+  Br as diagnoseDesignerDocument,
+  Pr as serializeDesignerDocument
 };
 //# sourceMappingURL=index.js.map