@epic-designer/antd 1.0.5 → 1.1.0-beta.0

package/dist/chunks/form.cjs

@@ -15,7 +15,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { expose: __expose }) {
     var _a, _b;
     const props = __props;
-    const designerProps = vue.inject("designerProps");
     const pageManager = vue.inject("pageManager", {});
     const form = vue.ref(null);
     const forms = vue.inject("forms", {});
@@ -87,10 +86,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       validate
     });
     return (_ctx, _cache) => {
-      var _a2;
       return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Form), vue.mergeProps({ model: vue.unref(formData) }, componentProps.value, {
         onFinish,
-        class: { "epic-form-mode": (_a2 = vue.unref(designerProps)) == null ? void 0 : _a2.formMode },
         onVnodeMounted: mountedForm
       }), {
         default: vue.withCtx(() => [
@@ -108,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ]),
         _: 3
         /* FORWARDED */
-      }, 16, ["model", "class"]);
+      }, 16, ["model"]);
     };
   }
 });

package/dist/chunks/form.mjs

@@ -13,7 +13,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     var _a, _b;
     const props = __props;
-    const designerProps = inject("designerProps");
     const pageManager = inject("pageManager", {});
     const form = ref(null);
     const forms = inject("forms", {});
@@ -85,10 +84,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       validate
     });
     return (_ctx, _cache) => {
-      var _a2;
       return openBlock(), createBlock(unref(Form), mergeProps({ model: unref(formData) }, componentProps.value, {
         onFinish,
-        class: { "epic-form-mode": (_a2 = unref(designerProps)) == null ? void 0 : _a2.formMode },
         onVnodeMounted: mountedForm
       }), {
         default: withCtx(() => [
@@ -106,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         _: 3
         /* FORWARDED */
-      }, 16, ["model", "class"]);
+      }, 16, ["model"]);
     };
   }
 });

package/dist/index.cjs

@@ -2964,6 +2964,36 @@ const UploadImage = {
   sort: 920
 };
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.epic-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.epic-input-size .ant-select:hover {\n  border: none !important;\n  box-shadow: none !important;\n}\n";
+styleInject(css_248z);
+
 function setupAntd(pluginManager = epicDesigner.pluginManager) {
   var _a;
   const versionArray = antDesignVue.version.split(".");
@@ -2987,19 +3017,19 @@ function setupAntd(pluginManager = epicDesigner.pluginManager) {
       (item) => item.label !== "\u7981\u7528"
     );
   }
-  pluginManager.component(
+  pluginManager.component.add(
     "Collapse",
     async () => (await import('ant-design-vue')).Collapse
   );
-  pluginManager.component(
+  pluginManager.component.add(
     "CollapseItem",
     async () => (await import('ant-design-vue')).CollapsePanel
   );
-  pluginManager.component(
+  pluginManager.component.add(
     "Tabs",
     async () => (await import('ant-design-vue')).Tabs
   );
-  pluginManager.component(
+  pluginManager.component.add(
     "TabPane",
     async () => (await import('ant-design-vue')).TabPane
   );
@@ -3032,8 +3062,8 @@ function setupAntd(pluginManager = epicDesigner.pluginManager) {
     UploadFile.defaultSchema.componentProps.action = pluginManager.global.uploadFile;
   });
   componentArray.forEach((item) => {
-    pluginManager.registerComponent(item);
-    pluginManager.addBaseComponentTypes(item.defaultSchema.type);
+    pluginManager.component.register(item);
+    pluginManager.component.addBaseComponentType(item.defaultSchema.type);
   });
   pluginManager.global.$message = {
     error: antDesignVue.message.error,

package/dist/index.d.cts

@@ -1,5 +1,35 @@
 import { PluginManager } from 'epic-designer';
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.epic-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.epic-input-size .ant-select:hover {\n  border: none !important;\n  box-shadow: none !important;\n}\n";
+styleInject(css_248z);
+
 declare function setupAntd(pluginManager?: PluginManager): void;
 
 export { setupAntd };

package/dist/index.d.mts

@@ -1,5 +1,35 @@
 import { PluginManager } from 'epic-designer';
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.epic-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.epic-input-size .ant-select:hover {\n  border: none !important;\n  box-shadow: none !important;\n}\n";
+styleInject(css_248z);
+
 declare function setupAntd(pluginManager?: PluginManager): void;
 
 export { setupAntd };

package/dist/index.d.ts

@@ -1,5 +1,35 @@
 import { PluginManager } from 'epic-designer';
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.epic-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.epic-input-size .ant-select:hover {\n  border: none !important;\n  box-shadow: none !important;\n}\n";
+styleInject(css_248z);
+
 declare function setupAntd(pluginManager?: PluginManager): void;
 
 export { setupAntd };

package/dist/index.mjs

@@ -2962,6 +2962,36 @@ const UploadImage = {
   sort: 920
 };
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".epic-designer-main .ant-input-number {\n  width: 100%;\n}\n.epic-designer-main .ant-collapse-content > .ant-collapse-content-box {\n  padding: 8px;\n}\n.epic-designer-main .ant-select {\n  width: 100%;\n}\n.epic-designer-main .epic-upload-image .avatar-uploader > .ant-upload {\n  width: 128px;\n  height: 128px;\n}\n.epic-input-size.ant-input-affix-wrapper {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.epic-input-size .ant-select:hover {\n  border: none !important;\n  box-shadow: none !important;\n}\n";
+styleInject(css_248z);
+
 function setupAntd(pluginManager$1 = pluginManager) {
   var _a;
   const versionArray = version.split(".");
@@ -2985,19 +3015,19 @@ function setupAntd(pluginManager$1 = pluginManager) {
       (item) => item.label !== "\u7981\u7528"
     );
   }
-  pluginManager$1.component(
+  pluginManager$1.component.add(
     "Collapse",
     async () => (await import('ant-design-vue')).Collapse
   );
-  pluginManager$1.component(
+  pluginManager$1.component.add(
     "CollapseItem",
     async () => (await import('ant-design-vue')).CollapsePanel
   );
-  pluginManager$1.component(
+  pluginManager$1.component.add(
     "Tabs",
     async () => (await import('ant-design-vue')).Tabs
   );
-  pluginManager$1.component(
+  pluginManager$1.component.add(
     "TabPane",
     async () => (await import('ant-design-vue')).TabPane
   );
@@ -3030,8 +3060,8 @@ function setupAntd(pluginManager$1 = pluginManager) {
     UploadFile.defaultSchema.componentProps.action = pluginManager$1.global.uploadFile;
   });
   componentArray.forEach((item) => {
-    pluginManager$1.registerComponent(item);
-    pluginManager$1.addBaseComponentTypes(item.defaultSchema.type);
+    pluginManager$1.component.register(item);
+    pluginManager$1.component.addBaseComponentType(item.defaultSchema.type);
   });
   pluginManager$1.global.$message = {
     error: message.error,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epic-designer/antd",
-  "version": "1.0.5",
+  "version": "1.1.0-beta.0",
   "description": "epic-designer base antd ui",
   "private": false,
   "author": "kchengz",
@@ -28,6 +28,7 @@
     "@rollup/plugin-alias": "^6.0.0",
     "@vitejs/plugin-vue": "^5.2.1",
     "ant-design-vue": "^4.2.6",
+    "rollup-plugin-postcss": "^4.0.2",
     "tsx": "^4.20.6",
     "unbuild": "^3.6.1"
   },

package/src/form/form.vue

@@ -1,10 +1,6 @@
 <script lang="ts" setup>
 import type { PageManager } from '@epic-designer/manager';
-import type {
-  ComponentSchema,
-  DesignerProps,
-  FormDataModel,
-} from '@epic-designer/types';
+import type { ComponentSchema, FormDataModel } from '@epic-designer/types';
 
 import type { VNode } from 'vue';
 
@@ -35,7 +31,6 @@ const props = withDefaults(
   },
 );
 
-const designerProps = inject<DesignerProps>('designerProps');
 const pageManager = inject<PageManager>('pageManager', {} as PageManager);
 const form = ref<FormInstance | null>(null);
 const forms = inject<{ [name: string]: any }>('forms', {});
@@ -139,7 +134,6 @@ defineExpose({
     :model="formData"
     v-bind="componentProps"
     @finish="onFinish"
-    :class="{ 'epic-form-mode': designerProps?.formMode }"
     @vue:mounted="mountedForm"
   >
     <slot name="edit-node">

package/src/index.ts

@@ -29,6 +29,9 @@ import TimePicker from './time-picker';
 import UploadFile from './upload-file';
 import UploadImage from './upload-image';
 
+// 引入样式
+import './index.less';
+
 export function setupAntd(pluginManager: PluginManager = pManager): void {
   // 版本兼容处理 start
   const versionArray = version.split('.');
@@ -63,19 +66,19 @@ export function setupAntd(pluginManager: PluginManager = pManager): void {
   }
 
   // 加载组件
-  pluginManager.component(
+  pluginManager.component.add(
     'Collapse',
     async () => (await import('ant-design-vue')).Collapse,
   );
-  pluginManager.component(
+  pluginManager.component.add(
     'CollapseItem',
     async () => (await import('ant-design-vue')).CollapsePanel,
   );
-  pluginManager.component(
+  pluginManager.component.add(
     'Tabs',
     async () => (await import('ant-design-vue')).Tabs,
   );
-  pluginManager.component(
+  pluginManager.component.add(
     'TabPane',
     async () => (await import('ant-design-vue')).TabPane,
   );
@@ -114,8 +117,8 @@ export function setupAntd(pluginManager: PluginManager = pManager): void {
   });
 
   componentArray.forEach((item) => {
-    pluginManager.registerComponent(item);
-    pluginManager.addBaseComponentTypes(item.defaultSchema.type);
+    pluginManager.component.register(item);
+    pluginManager.component.addBaseComponentType(item.defaultSchema.type);
   });
 
   // 注册全局提示函数