formax_sgj-ui 1.0.2 → 1.0.4

package/dist/index.d.ts

@@ -17,6 +17,11 @@ interface ComponentMeta {
     events: EventMeta[];
     slots?: string[];
     usage: string;
+    package?: string;
+    category?: string;
+    key?: string;
+    conKey?: string;
+    image?: string;
 }
 type FormaxComponent = any & {
     __doc_meta__?: ComponentMeta;
@@ -32,4 +37,6 @@ declare const _default: {
     componentList: ComponentMeta[];
 };
 
-export { ComponentMeta, EventMeta, FormaxButton, FormaxComponent, PropMeta, componentList, _default as default, install };
+declare const componentGoList: any[];
+
+export { ComponentMeta, EventMeta, FormaxButton, FormaxComponent, PropMeta, componentGoList, componentList, _default as default, install };

package/dist/index.global.js

@@ -36042,6 +36042,7 @@ const ${helpers.map((s) => `_${helperNameMap[s]} = ${helperNameMap[s]}`).join(",
   var src_exports = {};
   __export(src_exports, {
     FormaxButton: () => FormaxButton,
+    componentGoList: () => componentGoList,
     componentList: () => componentList,
     default: () => src_default,
     install: () => install2
@@ -36087,7 +36088,7 @@ const ${helpers.map((s) => `_${helperNameMap[s]} = ${helperNameMap[s]}`).join(",
     delete target[key];
   }
 
-  // src/components/FormaxButton.ts
+  // src/components/general/button/FormaxButton/index.ts
   var FormaxButton = lib_exports.defineComponent({
     name: "FormaxButton",
     props: {
@@ -36134,27 +36135,17 @@ const ${helpers.map((s) => `_${helperNameMap[s]} = ${helperNameMap[s]}`).join(",
     label: "\u901A\u7528\u6309\u94AE",
     description: "\u4E00\u4E2A\u517C\u5BB9Vue 2/3\u7684\u57FA\u7840\u6309\u94AE\u7EC4\u4EF6",
     props: {
-      label: {
-        type: "string",
-        default: "Button",
-        description: "\u6309\u94AE\u6587\u672C"
-      },
-      type: {
-        type: "string",
-        default: "default",
-        description: "\u6309\u94AE\u7C7B\u578B",
-        options: ["default", "primary", "danger"]
-      }
+      label: { type: "string", default: "Button", description: "\u6309\u94AE\u6587\u672C" },
+      type: { type: "string", default: "default", description: "\u6309\u94AE\u7C7B\u578B", options: ["default", "primary", "danger"] }
     },
-    events: [
-      {
-        name: "click",
-        description: "\u70B9\u51FB\u6309\u94AE\u65F6\u89E6\u53D1",
-        payload: "Event"
-      }
-    ],
+    events: [{ name: "click", description: "\u70B9\u51FB\u6309\u94AE\u65F6\u89E6\u53D1", payload: "Event" }],
     slots: ["default"],
-    usage: `<FormaxButton type="primary" label="Click Me" @click="handleClick" />`
+    usage: `<FormaxButton type="primary" label="Click Me" @click="handleClick" />`,
+    package: "general",
+    category: "button",
+    key: "FormaxButton",
+    conKey: "GCFormaxButton",
+    image: "GCFormaxButton.png"
   };
   FormaxButton.__doc_meta__ = meta;
 
@@ -36176,6 +36167,31 @@ const ${helpers.map((s) => `_${helperNameMap[s]} = ${helperNameMap[s]}`).join(",
     install: install2,
     componentList
   }, components);
+  var __pkgLabelMap = { general: "\u901A\u7528\u7EC4\u4EF6" };
+  var __catLabelMap = { button: "\u6309\u94AE" };
+  var componentGoList = Object.values(components).reduce((acc, comp) => {
+    const meta2 = comp.__doc_meta__;
+    if (!meta2 || !meta2.package || !meta2.category)
+      return acc;
+    const pkg = meta2.package;
+    const cat = meta2.category;
+    const key = meta2.key || meta2.name;
+    let group = acc.find((g) => g.key === pkg);
+    if (!group) {
+      group = { key: pkg, label: __pkgLabelMap[pkg] || pkg, list: [] };
+      acc.push(group);
+    }
+    group.list.push({
+      key: cat,
+      title: meta2.label,
+      package: pkg,
+      category: `${pkg[0].toUpperCase()}${cat}`,
+      categoryName: __catLabelMap[cat] || cat,
+      conKey: `${pkg[0].toUpperCase()}C${key}`,
+      image: `${pkg[0].toUpperCase()}C${key}.png`
+    });
+    return acc;
+  }, []);
   return __toCommonJS(src_exports);
 })();
 /*! Bundled license information:

package/dist/index.js

@@ -45,6 +45,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   FormaxButton: () => FormaxButton,
+  componentGoList: () => componentGoList,
   componentList: () => componentList,
   default: () => src_default,
   install: () => install
@@ -52,7 +53,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 var VueDemi2 = __toESM(require("vue-demi"));
 
-// src/components/FormaxButton.ts
+// src/components/general/button/FormaxButton/index.ts
 var VueDemi = __toESM(require("vue-demi"));
 var FormaxButton = VueDemi.defineComponent({
   name: "FormaxButton",
@@ -100,27 +101,17 @@ var meta = {
   label: "\u901A\u7528\u6309\u94AE",
   description: "\u4E00\u4E2A\u517C\u5BB9Vue 2/3\u7684\u57FA\u7840\u6309\u94AE\u7EC4\u4EF6",
   props: {
-    label: {
-      type: "string",
-      default: "Button",
-      description: "\u6309\u94AE\u6587\u672C"
-    },
-    type: {
-      type: "string",
-      default: "default",
-      description: "\u6309\u94AE\u7C7B\u578B",
-      options: ["default", "primary", "danger"]
-    }
+    label: { type: "string", default: "Button", description: "\u6309\u94AE\u6587\u672C" },
+    type: { type: "string", default: "default", description: "\u6309\u94AE\u7C7B\u578B", options: ["default", "primary", "danger"] }
   },
-  events: [
-    {
-      name: "click",
-      description: "\u70B9\u51FB\u6309\u94AE\u65F6\u89E6\u53D1",
-      payload: "Event"
-    }
-  ],
+  events: [{ name: "click", description: "\u70B9\u51FB\u6309\u94AE\u65F6\u89E6\u53D1", payload: "Event" }],
   slots: ["default"],
-  usage: `<FormaxButton type="primary" label="Click Me" @click="handleClick" />`
+  usage: `<FormaxButton type="primary" label="Click Me" @click="handleClick" />`,
+  package: "general",
+  category: "button",
+  key: "FormaxButton",
+  conKey: "GCFormaxButton",
+  image: "GCFormaxButton.png"
 };
 FormaxButton.__doc_meta__ = meta;
 
@@ -142,9 +133,35 @@ var src_default = __spreadValues({
   install,
   componentList
 }, components);
+var __pkgLabelMap = { general: "\u901A\u7528\u7EC4\u4EF6" };
+var __catLabelMap = { button: "\u6309\u94AE" };
+var componentGoList = Object.values(components).reduce((acc, comp) => {
+  const meta2 = comp.__doc_meta__;
+  if (!meta2 || !meta2.package || !meta2.category)
+    return acc;
+  const pkg = meta2.package;
+  const cat = meta2.category;
+  const key = meta2.key || meta2.name;
+  let group = acc.find((g) => g.key === pkg);
+  if (!group) {
+    group = { key: pkg, label: __pkgLabelMap[pkg] || pkg, list: [] };
+    acc.push(group);
+  }
+  group.list.push({
+    key: cat,
+    title: meta2.label,
+    package: pkg,
+    category: `${pkg[0].toUpperCase()}${cat}`,
+    categoryName: __catLabelMap[cat] || cat,
+    conKey: `${pkg[0].toUpperCase()}C${key}`,
+    image: `${pkg[0].toUpperCase()}C${key}.png`
+  });
+  return acc;
+}, []);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   FormaxButton,
+  componentGoList,
   componentList,
   install
 });

package/dist/index.mjs

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 // src/index.ts
 import * as VueDemi2 from "vue-demi";
 
-// src/components/FormaxButton.ts
+// src/components/general/button/FormaxButton/index.ts
 import * as VueDemi from "vue-demi";
 var FormaxButton = VueDemi.defineComponent({
   name: "FormaxButton",
@@ -66,27 +66,17 @@ var meta = {
   label: "\u901A\u7528\u6309\u94AE",
   description: "\u4E00\u4E2A\u517C\u5BB9Vue 2/3\u7684\u57FA\u7840\u6309\u94AE\u7EC4\u4EF6",
   props: {
-    label: {
-      type: "string",
-      default: "Button",
-      description: "\u6309\u94AE\u6587\u672C"
-    },
-    type: {
-      type: "string",
-      default: "default",
-      description: "\u6309\u94AE\u7C7B\u578B",
-      options: ["default", "primary", "danger"]
-    }
+    label: { type: "string", default: "Button", description: "\u6309\u94AE\u6587\u672C" },
+    type: { type: "string", default: "default", description: "\u6309\u94AE\u7C7B\u578B", options: ["default", "primary", "danger"] }
   },
-  events: [
-    {
-      name: "click",
-      description: "\u70B9\u51FB\u6309\u94AE\u65F6\u89E6\u53D1",
-      payload: "Event"
-    }
-  ],
+  events: [{ name: "click", description: "\u70B9\u51FB\u6309\u94AE\u65F6\u89E6\u53D1", payload: "Event" }],
   slots: ["default"],
-  usage: `<FormaxButton type="primary" label="Click Me" @click="handleClick" />`
+  usage: `<FormaxButton type="primary" label="Click Me" @click="handleClick" />`,
+  package: "general",
+  category: "button",
+  key: "FormaxButton",
+  conKey: "GCFormaxButton",
+  image: "GCFormaxButton.png"
 };
 FormaxButton.__doc_meta__ = meta;
 
@@ -108,8 +98,34 @@ var src_default = __spreadValues({
   install,
   componentList
 }, components);
+var __pkgLabelMap = { general: "\u901A\u7528\u7EC4\u4EF6" };
+var __catLabelMap = { button: "\u6309\u94AE" };
+var componentGoList = Object.values(components).reduce((acc, comp) => {
+  const meta2 = comp.__doc_meta__;
+  if (!meta2 || !meta2.package || !meta2.category)
+    return acc;
+  const pkg = meta2.package;
+  const cat = meta2.category;
+  const key = meta2.key || meta2.name;
+  let group = acc.find((g) => g.key === pkg);
+  if (!group) {
+    group = { key: pkg, label: __pkgLabelMap[pkg] || pkg, list: [] };
+    acc.push(group);
+  }
+  group.list.push({
+    key: cat,
+    title: meta2.label,
+    package: pkg,
+    category: `${pkg[0].toUpperCase()}${cat}`,
+    categoryName: __catLabelMap[cat] || cat,
+    conKey: `${pkg[0].toUpperCase()}C${key}`,
+    image: `${pkg[0].toUpperCase()}C${key}.png`
+  });
+  return acc;
+}, []);
 export {
   FormaxButton,
+  componentGoList,
   componentList,
   src_default as default,
   install

package/docs/index.html

@@ -208,8 +208,7 @@
 
   <script type="module">
     import { createApp, ref } from "vue";
-    import FormaxUI, { componentList as list } from "formax-ui";
-
+    import FormaxUI, { componentList as list, componentGoList } from "formax-ui";
     const FM = FormaxUI;
 
     const App = {
@@ -222,7 +221,6 @@
               return v && v.__doc_meta__ ? v.__doc_meta__ : null;
             })
             .filter(Boolean);
-
         const current = ref(componentList[0] || null);
 
         const getPreviewProps = (meta) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "formax_sgj-ui",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "A cross-compatible Vue component library with metadata extraction",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -13,7 +13,9 @@
     }
   },
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm,iife --global-name FormaxUI --dts --clean --env.NODE_ENV production"
+    "build": "tsup src/index.ts --format cjs,esm,iife --global-name FormaxUI --dts --clean --env.NODE_ENV production",
+    "dev": "http-server . -p 3000 -c-1",
+    "start": "npm run dev"
   },
   "peerDependencies": {
     "@vue/composition-api": "^1.0.0-rc.1",
@@ -30,6 +32,7 @@
   "devDependencies": {
     "tsup": "^6.1.0",
     "typescript": "^5.0.0",
-    "vue": "^3.3.0"
+    "vue": "^3.3.0",
+    "http-server": "^14.1.1"
   }
 }

package/src/components/{FormaxButton.ts → general/button/FormaxButton/index.ts}

@@ -1,5 +1,5 @@
-import * as VueDemi from 'vue-demi';
-import { FormaxComponent, ComponentMeta } from '../types';
+import * as VueDemi from 'vue-demi';
+import { FormaxComponent, ComponentMeta } from '../../../../types';
 
 export const FormaxButton = (VueDemi as any).defineComponent({
   name: 'FormaxButton',
@@ -20,8 +20,8 @@ export const FormaxButton = (VueDemi as any).defineComponent({
         borderRadius: '4px',
         border: '1px solid #ccc',
         cursor: 'pointer',
-        backgroundColor: props.type === 'primary' ? '#007bff' : props.type === 'danger' ? '#dc3545' : '#fff',
-        color: props.type === 'primary' || props.type === 'danger' ? '#fff' : '#333',
+        backgroundColor: props.type === 'primary' ? '#007bff' : props.type === 'danger' ? '#dc3545' : '#007bff',
+        color: '#fff',
         fontSize: '14px'
       };
 
@@ -49,27 +49,18 @@ const meta: ComponentMeta = {
   label: '通用按钮',
   description: '一个兼容Vue 2/3的基础按钮组件',
   props: {
-    label: {
-      type: 'string',
-      default: 'Button',
-      description: '按钮文本'
-    },
-    type: {
-      type: 'string',
-      default: 'default',
-      description: '按钮类型',
-      options: ['default', 'primary', 'danger']
-    }
+    label: { type: 'string', default: 'Button', description: '按钮文本' },
+    type: { type: 'string', default: 'default', description: '按钮类型', options: ['default', 'primary', 'danger'] }
   },
-  events: [
-    {
-      name: 'click',
-      description: '点击按钮时触发',
-      payload: 'Event'
-    }
-  ],
+  events: [{ name: 'click', description: '点击按钮时触发', payload: 'Event' }],
   slots: ['default'],
-  usage: `<FormaxButton type="primary" label="Click Me" @click="handleClick" />`
+  usage: `<FormaxButton type="primary" label="Click Me" @click="handleClick" />`,
+  package: 'general',
+  category: 'button',
+  key: 'FormaxButton',
+  conKey: 'GCFormaxButton',
+  image: 'GCFormaxButton.png'
 };
 
 FormaxButton.__doc_meta__ = meta;
+

package/src/index.ts

@@ -1,5 +1,5 @@
-import * as VueDemi from 'vue-demi';
-import { FormaxButton } from './components/FormaxButton';
+import * as VueDemi from 'vue-demi';
+import { FormaxButton } from './components/general/button/FormaxButton';
 import { ComponentMeta, FormaxComponent } from './types';
 
 const components: Record<string, FormaxComponent> = {
@@ -20,7 +20,6 @@ export function install(app: any) {
 export const componentList: ComponentMeta[] = Object.values(components)
   .map(comp => comp.__doc_meta__)
   .filter((meta): meta is ComponentMeta => !!meta);
-
 export { FormaxButton };
 export * from './types';
 
@@ -29,3 +28,26 @@ export default {
   componentList,
   ...components
 };
+const __pkgLabelMap: Record<string, string> = { general: '通用组件' };
+const __catLabelMap: Record<string, string> = { button: '按钮' };
+
+export const componentGoList: any[] = Object.values(components).reduce((acc: any[], comp: any) => {
+  const meta = comp.__doc_meta__ as ComponentMeta | undefined;
+  if (!meta || !meta.package || !meta.category) return acc;
+  const pkg = meta.package;
+  const cat = meta.category;
+  const key = meta.key || meta.name;
+  let group = acc.find((g: any) => g.key === pkg);
+  if (!group) { group = { key: pkg, label: __pkgLabelMap[pkg] || pkg, list: [] }; acc.push(group); }
+  group.list.push({
+    key: cat,
+    title: meta.label,
+    package: pkg,
+    category: `${pkg[0].toUpperCase()}${cat}`,
+    categoryName: __catLabelMap[cat] || cat,
+    conKey: `${pkg[0].toUpperCase()}C${key}`,
+    image: `${pkg[0].toUpperCase()}C${key}.png`
+  });
+  return acc;
+}, []);
+

package/src/mock.ts

@@ -0,0 +1,17 @@
+export const componentGoList = [
+    {
+        key: 'general',
+        label: '通用组件',
+        list: [
+            {
+                key: 'button',
+                title: '通用按钮',
+                package: 'general',
+                category: 'Gbutton',
+                categoryName: '按钮',
+                conKey: "GCFormaxButton",
+                image: "GCFormaxButton.png"
+            }
+        ]
+    }
+]

package/src/types.ts

@@ -1,4 +1,4 @@
-export interface PropMeta {
+export interface PropMeta {
   type: string;
   default?: any;
   description: string;
@@ -13,15 +13,21 @@ export interface EventMeta {
 
 export interface ComponentMeta {
   name: string;
-  label: string; // Display name
+  label: string;
   description: string;
   props: Record<string, PropMeta>;
   events: EventMeta[];
   slots?: string[];
-  usage: string; // Example code
+  usage: string;
+  package?: string;
+  category?: string;
+  key?: string;
+  conKey?: string;
+  image?: string;
 }
 
 // Type for the component with attached metadata
 export type FormaxComponent = any & {
   __doc_meta__?: ComponentMeta;
 };
+