npm - @hoenergy/hoenergy-template-pc - Versions diffs - 1.0.0 - Mend

@hoenergy/hoenergy-template-pc 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

package/.i18n_extractor.json +13 -0
package/dist/components/data/table/FormaxTable/index.d.ts +7 -0
package/dist/components/data/table/FormaxTable/src/BasicTable.d.ts +6 -0
package/dist/components/data/table/FormaxTable/src/Table.vue.d.ts +99 -0
package/dist/components/data/table/FormaxTable/src/components/settings/ColumnSetting.vue.d.ts +31 -0
package/dist/components/data/table/FormaxTable/src/const.d.ts +9 -0
package/dist/components/data/table/FormaxTable/src/hooks/useColumns.d.ts +10 -0
package/dist/components/data/table/FormaxTable/src/hooks/useDataSource.d.ts +20 -0
package/dist/components/data/table/FormaxTable/src/hooks/useLoading.d.ts +6 -0
package/dist/components/data/table/FormaxTable/src/hooks/usePagination.d.ts +10 -0
package/dist/components/data/table/FormaxTable/src/hooks/useTableContext.d.ts +13 -0
package/dist/components/data/table/FormaxTable/src/props.d.ts +1 -0
package/dist/components/data/table/FormaxTable/src/types/componentType.d.ts +1 -0
package/dist/components/data/table/FormaxTable/src/types/pagination.d.ts +10 -0
package/dist/components/data/table/FormaxTable/src/types/table.d.ts +36 -0
package/dist/components/data/table/FormaxTable/src/types/tableAction.d.ts +23 -0
package/dist/components/data/table/FormaxTable/src/utils.d.ts +11 -0
package/dist/components/general/button/FormaxButton/index.d.ts +2 -0
package/dist/index.d.ts +41 -0
package/dist/index.js +37 -0
package/dist/index.mjs +1862 -0
package/dist/mock.d.ts +13 -0
package/dist/style.css +1 -0
package/dist/types.d.ts +34 -0
package/docs/i18n-stub.mjs +12 -0
package/docs/index.html +314 -0
package/docs/index.js +658 -0
package/docs/index.mjs +113892 -0
package/docs/tailwind.css +4 -0
package/docs/tailwind.generated.css +1 -0
package/package.json +51 -0
package/playground/App.vue +60 -0
package/playground/index.html +12 -0
package/playground/main.ts +12 -0
package/src/components/data/table/FormaxTable/index.ts +143 -0
package/src/components/data/table/FormaxTable/src/BasicTable.ts +12 -0
package/src/components/data/table/FormaxTable/src/Table.vue +412 -0
package/src/components/data/table/FormaxTable/src/components/TableAction.vue +155 -0
package/src/components/data/table/FormaxTable/src/components/settings/ColumnSetting.vue +248 -0
package/src/components/data/table/FormaxTable/src/const.ts +11 -0
package/src/components/data/table/FormaxTable/src/hooks/useColumns.ts +147 -0
package/src/components/data/table/FormaxTable/src/hooks/useDataSource.ts +238 -0
package/src/components/data/table/FormaxTable/src/hooks/useLoading.ts +21 -0
package/src/components/data/table/FormaxTable/src/hooks/usePagination.ts +65 -0
package/src/components/data/table/FormaxTable/src/hooks/useTableContext.ts +23 -0
package/src/components/data/table/FormaxTable/src/props.ts +77 -0
package/src/components/data/table/FormaxTable/src/types/componentType.ts +9 -0
package/src/components/data/table/FormaxTable/src/types/pagination.ts +10 -0
package/src/components/data/table/FormaxTable/src/types/table.ts +45 -0
package/src/components/data/table/FormaxTable/src/types/tableAction.ts +25 -0
package/src/components/data/table/FormaxTable/src/utils.ts +65 -0
package/src/components/general/button/FormaxButton/index.ts +70 -0
package/src/index.ts +66 -0
package/src/locales/en.json +13 -0
package/src/locales/zh-CN.json +13 -0
package/src/mock.ts +17 -0
package/src/shims-vue.d.ts +6 -0
package/src/types/i18n-auto-extractor.d.ts +3 -0
package/src/types.ts +40 -0
package/tailwind.config.cjs +12 -0
package/tsconfig.json +16 -0
package/tsup.config.ts +16 -0
package/vite.config.ts +59 -0

package/dist/mock.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+export declare const componentGoList: {
+    key: string;
+    label: string;
+    list: {
+        key: string;
+        title: string;
+        package: string;
+        category: string;
+        categoryName: string;
+        conKey: string;
+        image: string;
+    }[];
+}[];

package/dist/style.css ADDED Viewed

@@ -0,0 +1 @@

+ .table-toolbar-inner-popover-title{padding:3px 0}.table-toolbar-right-icon{margin-left:12px;font-size:16px;color:var(--text-color);cursor:pointer}.table-toolbar-right-icon :hover{color:#1890ff}.table-toolbar-inner-checkbox{display:flex;align-items:center;padding:10px 14px}.table-toolbar-inner-checkbox:hover{background:rgba(19,180,151,.3)}.table-toolbar-inner-checkbox .drag-icon{display:inline-flex;margin-right:8px;cursor:move}.table-toolbar-inner-checkbox .drag-icon-hidden{visibility:hidden;cursor:default}.table-toolbar-inner-checkbox .ant-checkbox-wrapper{flex:1}.table-toolbar-inner-checkbox .ant-checkbox-wrapper:hover{color:#1890ff!important}.table-toolbar-inner-checkbox-dark:hover{background:hsla(0,0%,100%,.08)}.toolbar-popover .n-popover__content{padding:0}.table-toolbar[data-v-880c0022]{display:flex;justify-content:space-between}.table-toolbar-left[data-v-880c0022]{display:flex;align-items:center;justify-content:flex-start;flex:1}.table-toolbar-left-title[data-v-880c0022]{display:flex;align-items:center;justify-content:flex-start;font-size:16px;font-weight:600}.table-toolbar-right[data-v-880c0022]{display:flex;justify-content:flex-end;flex:1}.table-toolbar-right-icon[data-v-880c0022]{margin-left:12px;font-size:16px;cursor:pointer;color:var(--text-color)}.table-toolbar-right-icon[data-v-880c0022] :hover{color:#1890ff}[data-v-880c0022] .n-data-table-base-table{height:95%!important}.table-toolbar-inner-popover-title[data-v-880c0022]{padding:2px 0}.s-table[data-v-880c0022]{border-radius:8px 8px 0 0;transition:all .4s}.s-table[data-v-880c0022] .n-data-table .n-data-table-th .n-data-table-resize-button:after{background-color:#6e7d8b}.s-table[data-v-880c0022] .n-data-table .n-data-table-th .n-data-table-resize-button:hover:after{background-color:var(--n-th-icon-color-active)!important}

package/dist/types.d.ts ADDED Viewed

@@ -0,0 +1,34 @@
+export interface PropMeta {
+    type: string;
+    default?: any;
+    description: string;
+    options?: string[];
+}
+export interface EventMeta {
+    name: string;
+    description: string;
+    payload?: string;
+}
+export interface SlotMeta {
+    name: string;
+    description: string;
+}
+export type Nullable<T> = T | null;
+export type Recordable<T = any> = Record<string, T>;
+export interface ComponentMeta {
+    name: string;
+    label: string;
+    description: string;
+    props: Record<string, PropMeta>;
+    events: EventMeta[];
+    slots?: SlotMeta[];
+    usage: string;
+    package?: string;
+    category?: string;
+    key?: string;
+    conKey?: string;
+    image?: string;
+}
+export type FormaxComponent = any & {
+    __doc_meta__?: ComponentMeta;
+};

package/docs/i18n-stub.mjs ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * 文档页用 i18n 占位实现，避免在浏览器中加载 i18n-auto-extractor 及其依赖（如 js-md5）。
+ * 仅导出 $at：直接返回原文，满足组件展示即可。
+ */
+function $at(zhText) {
+  return zhText;
+}
+function setCurrentLang() {}
+function getCurrentLang() {
+  return { lang: 'zh-CN', langMap: {} };
+}
+export { $at, getCurrentLang, setCurrentLang };

package/docs/index.html ADDED Viewed

@@ -0,0 +1,314 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Formax UI 组件文档</title>
+    <script type="importmap">
+      {
+        "imports": {
+          "vue": "https://unpkg.com/vue@3.4.15/dist/vue.esm-browser.prod.js",
+          "naive-ui": "./index.mjs",
+          "@vicons/antd": "https://esm.sh/@vicons/antd@0.12.0",
+          "formax-ui": "/dist/index.mjs",
+          "i18n-auto-extractor": "./i18n-stub.mjs"
+        }
+      }
+    </script>
+    <link rel="stylesheet" href="./tailwind.generated.css" />
+    <style>
+      body {
+        margin: 0;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+          'Helvetica Neue', Arial, sans-serif;
+        height: 100vh;
+      }
+      #app {
+        display: flex;
+        width: 100%;
+        height: 100%;
+      }
+      .sidebar {
+        flex: 0 0 250px;
+        width: 250px;
+        background: #f5f7fa;
+        border-right: 1px solid #e4e7ed;
+        padding: 20px;
+        overflow-y: auto;
+        position: sticky;
+        top: 0;
+        height: 100%;
+      }
+      .sidebar h2 {
+        font-size: 18px;
+        margin-bottom: 10px;
+        color: #303133;
+      }
+      .nav-item {
+        padding: 10px;
+        cursor: pointer;
+        color: #606266;
+        border-radius: 4px;
+        transition: background 0.3s;
+      }
+      .nav-item:hover {
+        background: #e6e8eb;
+      }
+      .nav-item.active {
+        background: #409eff;
+        color: #fff;
+      }
+      .main {
+        flex: 1;
+        padding: 40px;
+        overflow-y: auto;
+      }
+      .component-title {
+        font-size: 28px;
+        font-weight: 600;
+        margin-bottom: 10px;
+      }
+      .component-desc {
+        color: #909399;
+        margin-bottom: 30px;
+        font-size: 16px;
+      }
+      .section-title {
+        font-size: 20px;
+        font-weight: 500;
+        margin: 30px 0 15px;
+        padding-bottom: 10px;
+        border-bottom: 1px solid #eee;
+      }
+      .demo-block {
+        border: 1px solid #ebeef5;
+        border-radius: 4px;
+        padding: 24px;
+        margin-bottom: 20px;
+      }
+      .prop-table,
+      .event-table {
+        width: 100%;
+        border-collapse: collapse;
+        margin-top: 10px;
+      }
+      .prop-table th,
+      .prop-table td,
+      .event-table th,
+      .event-table td {
+        border: 1px solid #ebeef5;
+        padding: 12px;
+        text-align: left;
+      }
+      .prop-table th,
+      .event-table th {
+        background: #fafafa;
+        color: #909399;
+        font-weight: 600;
+      }
+      code {
+        background: #f4f4f5;
+        padding: 2px 4px;
+        border-radius: 4px;
+        color: #c0341d;
+        font-family: monospace;
+      }
+      pre {
+        background: #282c34;
+        color: #abb2bf;
+        padding: 15px;
+        border-radius: 4px;
+        overflow-x: auto;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app">
+      <div class="sidebar">
+        <h2>Formax UI</h2>
+        <div
+          v-for="item in componentList"
+          :key="item.name"
+          class="nav-item"
+          :class="{ active: current.name === item.name }"
+          @click="current = item"
+        >
+          {{ item.name }}
+          <span style="font-size: 12px; opacity: 0.8">{{ item.label }}</span>
+        </div>
+      </div>
+      <div class="main" v-if="current">
+        <div class="component-title">
+          {{ current.name }}
+          <span style="font-size: 20px; color: #999"
+            >({{ current.label }})</span
+          >
+        </div>
+        <div class="component-desc">{{ current.description }}</div>
+        <!-- 预览区域 -->
+        <div class="section-title">组件预览</div>
+        <div class="demo-block">
+          <n-config-provider>
+            <component
+              :is="current.name"
+              v-bind="getPreviewProps(current)"
+            ></component>
+          </n-config-provider>
+        </div>
+        <!-- 属性表格 -->
+        <div class="section-title">Props (属性)</div>
+        <table class="prop-table">
+          <thead>
+            <tr>
+              <th>参数名称</th>
+              <th>说明</th>
+              <th>类型</th>
+              <th>可选值</th>
+              <th>默认值</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="(prop, key) in current.props" :key="key">
+              <td>{{ key }}</td>
+              <td>{{ prop.description }}</td>
+              <td><code>{{ prop.type }}</code></td>
+              <td>{{ prop.options ? prop.options.join(', ') : '-' }}</td>
+              <td>{{ prop.default }}</td>
+            </tr>
+          </tbody>
+        </table>
+        <!-- 事件表格 -->
+        <div class="section-title">Events (事件)</div>
+        <table
+          class="event-table"
+          v-if="current.events && current.events.length"
+        >
+          <thead>
+            <tr>
+              <th>事件名称</th>
+              <th>说明</th>
+              <th>回调参数</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="event in current.events" :key="event.name">
+              <td>{{ event.name }}</td>
+              <td>{{ event.description }}</td>
+              <td><code>{{ event.payload }}</code></td>
+            </tr>
+          </tbody>
+        </table>
+        <div v-else style="color: #909399; margin-top: 10px">无事件</div>
+        <!-- 插槽表格 -->
+        <div class="section-title">Slots (插槽)</div>
+        <table class="event-table" v-if="current.slots && current.slots.length">
+          <thead>
+            <tr>
+              <th>插槽名称</th>
+              <th>说明</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr
+              v-for="slot in current.slots"
+              :key="typeof slot === 'string' ? slot : slot.name"
+            >
+              <td>{{ typeof slot === 'string' ? slot : slot.name }}</td>
+              <td>
+                {{ typeof slot === 'string' ? '-' : slot.description || '-' }}
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        <div v-else style="color: #909399; margin-top: 10px">无插槽</div>
+        <!-- 使用示例 -->
+        <div class="section-title">代码示例</div>
+        <pre>{{ current.usage }}</pre>
+      </div>
+    </div>
+    <script type="module">
+      import { createApp, ref } from 'vue'
+      import NaiveUI from 'naive-ui'
+      import { $at } from 'i18n-auto-extractor'
+      import FormaxUI, {
+        componentList as list,
+        componentGoList,
+      } from 'formax-ui'
+      const FM = FormaxUI
+      const App = {
+        setup() {
+          let componentList =
+            list && list.length
+              ? list
+              : Object.keys(FM)
+                  .map((k) => {
+                    const v = FM[k]
+                    return v && v.__doc_meta__ ? v.__doc_meta__ : null
+                  })
+                  .filter(Boolean)
+          const current = ref(componentList[0] || null)
+          const getPreviewProps = (meta) => {
+            const props = {}
+            if (meta.props) {
+              Object.keys(meta.props).forEach((key) => {
+                props[key] = meta.props[key].default
+              })
+            }
+            if (meta.name === 'FormaxButton') {
+              props.type = 'primary'
+              props.label = 'Hello World'
+            }
+            if (meta.name === 'FormaxTable') {
+              props.title = '示例表格'
+              props.columns = [
+                { title: '姓名', key: 'name', width: 100 },
+                { title: '年龄', key: 'age' },
+                { title: '地址', key: 'address' },
+              ]
+              props.dataSource = [
+                { name: '232322222222222222222222', age: 18, address: '北京' },
+                { name: '李四', age: 20, address: '上海' },
+                { name: '王五', age: 22, address: '广州' },
+              ]
+              props.toolbarShow = true
+            }
+            return props
+          }
+          return { componentList, current, getPreviewProps }
+        },
+      }
+      const app = createApp(App)
+      app.use(NaiveUI)
+      app.use(FM)
+      app.config.globalProperties.$at = $at
+      app.mount('#app')
+    </script>
+  </body>
+</html>