@wlydfe/pro-ui 0.2.21 → 0.2.24

package/packages/play/src/views/steps-form.vue

@@ -1,191 +0,0 @@
-<template>
-  <!-- @vue-ignore -->
-  <PlusStepsForm
-    v-model="active"
-    direction="vertical"
-    :space="120"
-    :data="stepForm"
-    @next="next"
-    @submit="submit"
-  >
-    <template #title="{ title }">{{ title }}</template>
-  </PlusStepsForm>
-</template>
-<script lang="ts" setup>
-import { ref } from 'vue'
-
-const stepForm = ref([
-  {
-    title: '第一步',
-    description: '这是第一步的描述内容',
-    form: {
-      modelValue: {},
-      columns: [
-        {
-          label: '名称',
-          width: 120,
-          prop: 'name',
-          valueType: 'copy',
-          tooltip: '名称最多显示6个字符'
-        },
-        {
-          label: '状态',
-          width: 120,
-          prop: 'status',
-          valueType: 'select',
-          options: [
-            {
-              label: '未解决',
-              value: '0',
-              color: 'red'
-            },
-            {
-              label: '已解决',
-              value: '1',
-              color: 'blue'
-            },
-            {
-              label: '解决中',
-              value: '2',
-              color: 'yellow'
-            },
-            {
-              label: '失败',
-              value: '3',
-              color: 'red'
-            }
-          ]
-        }
-      ],
-      rules: {
-        name: [
-          {
-            required: true,
-            message: '请输入名称'
-          }
-        ]
-      }
-    }
-  },
-  {
-    title: '第二步',
-    description: '这是第二步的描述内容',
-    form: {
-      modelValue: {},
-      columns: [
-        {
-          label: '标签',
-          width: 120,
-          prop: 'tag'
-        },
-        {
-          label: '执行进度',
-          width: 200,
-          prop: 'progress'
-        },
-        {
-          label: '评分',
-          width: 200,
-          prop: 'rate',
-          valueType: 'rate'
-        },
-        {
-          label: '是否显示',
-          width: 100,
-          prop: 'switch',
-          valueType: 'switch'
-        }
-      ],
-      rules: {
-        tag: [
-          {
-            required: true,
-            message: '请输入标签'
-          }
-        ],
-        progress: [
-          {
-            required: true,
-            message: '请输入执行进度'
-          }
-        ]
-      }
-    }
-  },
-  {
-    title: '第三步',
-    description: '这是第三步的描述内容',
-    form: {
-      modelValue: {},
-      columns: [
-        {
-          label: '时间',
-          prop: 'time',
-          valueType: 'date-picker'
-        },
-        {
-          label: '要求',
-          prop: 'demand',
-          valueType: 'checkbox',
-          options: [
-            {
-              label: '四六级',
-              value: '0'
-            },
-            {
-              label: '计算机二级证书',
-              value: '1'
-            },
-            {
-              label: '普通话证书',
-              value: '2'
-            }
-          ]
-        },
-        {
-          label: '奖励',
-          prop: 'price'
-        },
-        {
-          label: '提成',
-          prop: 'percentage'
-        },
-        {
-          label: '说明',
-          prop: 'desc',
-          valueType: 'textarea',
-          fieldProps: {
-            maxlength: 10,
-            showWordLimit: true,
-            autosize: { minRows: 2, maxRows: 4 }
-          }
-        }
-      ],
-      rules: {
-        time: [
-          {
-            required: true,
-            trigger: 'change',
-            message: '请选择时间'
-          }
-        ],
-        demand: [
-          {
-            required: true,
-            trigger: 'change',
-            message: '请选择要求'
-          }
-        ]
-      }
-    }
-  }
-])
-const active = ref(1)
-const next = (actives: number, values: any) => {
-  active.value = actives
-  console.log('next', actives, values, stepForm.value)
-}
-const submit = (actives: number, values: any) => {
-  console.log('submit', actives, values, stepForm.value)
-}
-</script>

package/packages/play/src/views/table.vue

@@ -1,163 +0,0 @@
-<template>
-  <div>
-    <PlusTable
-      ref="plusTableInstance"
-      is-radio
-      :columns="tableConfig"
-      :table-data="tableData"
-      :default-selected-radio-row="defaultSelectedRadioRow"
-      @radioChange="handleRadioChange"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { PlusColumn } from '@wlydfe/pro-ui-types'
-import type { PlusTableInstance } from '@wlydfe/pro-ui-components'
-import { useTable } from '@wlydfe/pro-ui-hooks'
-import { ref } from 'vue'
-
-interface TableRow {
-  id: number
-  name: string
-  status: string
-  rate: number
-  switch: boolean
-  time: string
-  tag: string
-}
-
-const TestServe = {
-  getList: async () => {
-    const data = Array.from({ length: 4 }).map((item, index) => {
-      return {
-        id: index,
-        name: index < 2 ? '' : index + 'name',
-        status: String(index % 3),
-        rate: index > 3 ? 2 : 3.5,
-        switch: index % 2 === 0 ? true : false,
-        time: index < 2 ? '' : new Date(),
-        tag: index === 1 ? 'success' : index === 2 ? 'warning' : index === 3 ? 'info' : ''
-      }
-    })
-
-    return { data: data as TableRow[] }
-  }
-}
-const { tableData } = useTable<TableRow[]>()
-
-const plusTableInstance = ref<PlusTableInstance | null>(null)
-const defaultSelectedRadioRow = ref()
-
-const tableConfig = ref<PlusColumn[]>([
-  {
-    label: '名称',
-    prop: 'name',
-    width: 120,
-    formProps: {
-      // 添加校验
-      rules: {
-        name: [
-          {
-            required: true,
-            message: '请输入名称'
-          }
-        ]
-      }
-    }
-  },
-  {
-    label: '状态',
-    prop: 'status',
-    valueType: 'select',
-    options: [
-      {
-        label: '未解决',
-        value: '0',
-        color: 'red'
-      },
-      {
-        label: '已解决',
-        value: '1',
-        color: 'blue'
-      },
-      {
-        label: '解决中',
-        value: '2',
-        color: 'yellow'
-      },
-      {
-        label: '失败',
-        value: '3',
-        color: 'red'
-      }
-    ],
-    formProps: {
-      // 添加校验
-      rules: {
-        status: [
-          {
-            required: true,
-            trigger: 'change',
-            message: '请选择状态'
-          }
-        ]
-      }
-    }
-  },
-  {
-    label: '评分',
-    width: 200,
-    prop: 'rate',
-    valueType: 'rate'
-  },
-  {
-    label: '标签',
-    width: 200,
-    prop: 'tag',
-    valueType: 'tag'
-  },
-  {
-    label: '开关',
-    width: 100,
-    prop: 'switch',
-    valueType: 'switch'
-  },
-  {
-    label: '日期',
-    prop: 'time',
-    valueType: 'date-picker',
-    width: 250,
-    fieldProps: {
-      type: 'date',
-      placeholder: '请选择日期',
-      format: 'YYYY-MM-DD',
-      valueFormat: 'YYYY-MM-DD'
-    },
-    formProps: {
-      // 添加校验
-      rules: {
-        time: [
-          {
-            required: true,
-            message: '请选择日期'
-          }
-        ]
-      }
-    }
-  }
-])
-
-const getList = async () => {
-  try {
-    const { data } = await TestServe.getList()
-    tableData.value = data.map(item => ({ ...item }))
-    defaultSelectedRadioRow.value = tableData.value[0]
-  } catch (error) {}
-}
-getList()
-
-const handleRadioChange = (row: any, index: number) => {
-  console.log(row, index, 'handleRadioChange')
-}
-</script>

package/packages/play/tsconfig.app.json

@@ -1,25 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": ["src/**/*", "src/**/*.vue", "src/**/*.json", "../plus-pro-components/index.ts"],
-  "exclude": ["src/**/__tests__/*"],
-  "compilerOptions": {
-    "outDir": "dist",
-    "target": "es2018",
-    "module": "esnext",
-    "sourceMap": false,
-    "moduleResolution": "node",
-    "allowJs": false,
-    "strict": true,
-    "noUnusedLocals": true,
-    "resolveJsonModule": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "removeComments": false,
-    "rootDir": ".",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    },
-    "types": ["vite/client", "element-plus/global", "../../global"]
-  }
-}

package/packages/play/tsconfig.json

@@ -1,11 +0,0 @@
-{
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.node.json"
-    },
-    {
-      "path": "./tsconfig.app.json"
-    }
-  ]
-}

package/packages/play/tsconfig.node.json

@@ -1,15 +0,0 @@
-{
-  "extends": "@tsconfig/node18/tsconfig.json",
-  "include": [
-    "vite.config.*",
-    "vitest.config.*",
-    "cypress.config.*",
-    "playwright.config.*",
-    "gFiles.ts"
-  ],
-  "compilerOptions": {
-    "composite": true,
-    "module": "ESNext",
-    "types": ["node"]
-  }
-}

package/packages/play/vite.config.ts

@@ -1,32 +0,0 @@
-import { fileURLToPath, URL } from 'node:url'
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import vueJsx from '@vitejs/plugin-vue-jsx'
-import { gFiles } from './gFiles'
-
-const resolve = (dir: string) => fileURLToPath(new URL(dir, import.meta.url))
-
-/**
- *  `src/__nav.vue`和`src/router/__routes.ts` 文件为自动生成文件，无需修改。
- */
-
-// https://vitejs.dev/config/
-export default async () => {
-  await gFiles()
-  return defineConfig({
-    css: {
-      preprocessorOptions: {
-        scss: {}
-      }
-    },
-    plugins: [vue(), vueJsx()],
-    resolve: {
-      alias: {
-        '@': resolve('./src')
-      }
-    },
-    server: {
-      port: 3000
-    }
-  })
-}

package/packages/plus-pro-components/component.ts

@@ -1,51 +0,0 @@
-import type { Component } from 'vue'
-
-import { PlusDialog } from '@wlydfe/pro-ui-components/dialog'
-import { PlusPagination } from '@wlydfe/pro-ui-components/pagination'
-import { PlusTable } from '@wlydfe/pro-ui-components/table'
-import { PlusRadio } from '@wlydfe/pro-ui-components/radio'
-import { PlusDatePicker } from '@wlydfe/pro-ui-components/date-picker'
-import { PlusDescriptions } from '@wlydfe/pro-ui-components/descriptions'
-import { PlusDisplayItem } from '@wlydfe/pro-ui-components/display-item'
-import { PlusForm } from '@wlydfe/pro-ui-components/form'
-import { PlusFormItem } from '@wlydfe/pro-ui-components/form-item'
-import { PlusPopover } from '@wlydfe/pro-ui-components/popover'
-import { PlusSearch } from '@wlydfe/pro-ui-components/search'
-import { PlusDialogForm } from '@wlydfe/pro-ui-components/dialog-form'
-import { PlusDrawerForm } from '@wlydfe/pro-ui-components/drawer-form'
-import { PlusPage } from '@wlydfe/pro-ui-components/page'
-import { PlusStepsForm } from '@wlydfe/pro-ui-components/steps-form'
-import { PlusInputTag } from '@wlydfe/pro-ui-components/input-tag'
-import { PlusBreadcrumb } from '@wlydfe/pro-ui-components/breadcrumb'
-import { PlusSidebar } from '@wlydfe/pro-ui-components/sidebar'
-import { PlusHeader } from '@wlydfe/pro-ui-components/header'
-import { PlusLayout } from '@wlydfe/pro-ui-components/layout'
-import { PlusCheckCard } from '@wlydfe/pro-ui-components/check-card'
-import { PlusCheckCardGroup } from '@wlydfe/pro-ui-components/check-card-group'
-
-const plugins: Component[] = [
-  PlusDialog,
-  PlusPagination,
-  PlusTable,
-  PlusRadio,
-  PlusDatePicker,
-  PlusDescriptions,
-  PlusDisplayItem,
-  PlusFormItem,
-  PlusForm,
-  PlusPopover,
-  PlusSearch,
-  PlusDialogForm,
-  PlusDrawerForm,
-  PlusPage,
-  PlusStepsForm,
-  PlusInputTag,
-  PlusBreadcrumb,
-  PlusSidebar,
-  PlusHeader,
-  PlusLayout,
-  PlusCheckCard,
-  PlusCheckCardGroup
-]
-
-export default plugins

package/packages/plus-pro-components/defaults.ts

@@ -1,4 +0,0 @@
-import { makeInstaller } from './make-installer'
-import Components from './component'
-
-export default makeInstaller([...Components])

package/packages/plus-pro-components/index.ts

@@ -1,12 +0,0 @@
-import installer from './defaults'
-
-export * from '@wlydfe/pro-ui-components'
-export * from '@wlydfe/pro-ui-hooks'
-export * from '@wlydfe/pro-ui-types'
-export * from '@wlydfe/pro-ui-constants'
-export * from '@wlydfe/pro-ui-directives'
-
-export { version } from './version'
-
-export const install = installer.install
-export default installer

package/packages/plus-pro-components/make-installer.ts

@@ -1,10 +0,0 @@
-import type { App, Component } from 'vue'
-
-export const makeInstaller = (components: Component[] = []) => {
-  const install = (app: App) => {
-    components.forEach((component: Component) => app.component(component.name as string, component))
-  }
-  return {
-    install
-  }
-}

package/packages/plus-pro-components/package.json

@@ -1,109 +0,0 @@
-{
-  "name": "@wlydfe/pro-ui",
-  "version": "0.2.7",
-  "description": "Page level components developed based on Element Plus.",
-  "author": "xiaofei",
-  "keywords": [
-    "wlydfe-pro-ui",
-    "element-plus",
-    "Page level components",
-    "component library",
-    "ui framework",
-    "ui",
-    "vue"
-  ],
-  "license": "MIT",
-  "main": "lib/index.js",
-  "module": "es/index.mjs",
-  "types": "es/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./es/index.d.ts",
-      "import": "./es/index.mjs",
-      "require": "./lib/index.js"
-    },
-    "./global": {
-      "types": "./global.d.ts"
-    },
-    "./es": {
-      "types": "./es/index.d.ts",
-      "import": "./es/index.mjs"
-    },
-    "./lib": {
-      "types": "./lib/index.d.ts",
-      "require": "./lib/index.js"
-    },
-    "./directives": {
-      "types": "./es/directives/index.d.ts",
-      "import": "./es/directives/index.mjs",
-      "require": "./lib/directives/index.js"
-    },
-    "./es/*.mjs": {
-      "types": "./es/*.d.ts",
-      "import": "./es/*.mjs"
-    },
-    "./es/*": {
-      "types": [
-        "./es/*.d.ts",
-        "./es/*/index.d.ts"
-      ],
-      "import": "./es/*.mjs"
-    },
-    "./lib/*.js": {
-      "types": "./lib/*.d.ts",
-      "require": "./lib/*.js"
-    },
-    "./lib/*": {
-      "types": [
-        "./lib/*.d.ts",
-        "./lib/*/index.d.ts"
-      ],
-      "require": "./lib/*.js"
-    },
-    "./locale/*": {
-      "types": "./locale/*.d.ts",
-      "import": "./locale/*.mjs"
-    },
-    "./*": "./*"
-  },
-  "unpkg": "index.js",
-  "jsdelivr": "index.js",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/plus-pro-components/plus-pro-components.git"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org"
-  },
-  "style": "index.css",
-  "sideEffects": [
-    "locale/*",
-    "index.css",
-    "theme-chalk/**/*.css",
-    "theme-chalk/src/**/*.scss",
-    "es/components/*/style/*",
-    "lib/components/*/style/*"
-  ],
-  "peerDependencies": {
-    "vue": "^3.2.0",
-    "element-plus": "^2.3.4"
-  },
-  "dependencies": {
-    "@element-plus/icons-vue": "^2.1.0",
-    "lodash-es": "^4.17.21",
-    "sortablejs": "^1.15.0"
-  },
-  "devDependencies": {
-    "@types/lodash-es": "^4.17.6",
-    "@types/node": "*",
-    "@types/sortablejs": "^1.15.1",
-    "vue": "^3.3.4",
-    "element-plus": "^2.3.4"
-  },
-  "browserslist": [
-    "> 1%",
-    "not ie 11",
-    "not op_mini all"
-  ]
-}

package/packages/plus-pro-components/version.ts

@@ -1 +0,0 @@
-export const version = '0.2.21'

package/packages/resolver/package.json

@@ -1,24 +0,0 @@
-{
-  "name": "@wlydfe/pro-ui-resolver",
-  "version": "0.2.8",
-  "description": "pro-ui resolver of unplugin-vue-components",
-  "license": "MIT",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org"
-  },
-  "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --clean",
-    "build:watch": "tsup src/index.ts --format cjs,esm --dts --watch"
-  },
-  "devDependencies": {
-    "tsup": "^7.2.0",
-    "unplugin-vue-components": "^0.25.0"
-  }
-}