vft 0.0.1

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "vft",
+  "version": "0.0.1",
+  "main": "./src/index.ts",
+  "files": [
+    "src",
+    "types",
+    "tsconfig.json"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.0.1",
+    "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
+    "@types/prismjs": "^1.26.0",
+    "@types/qrcode": "^1.5.0",
+    "@types/sortablejs": "^1.15.0",
+    "@vue/repl": "^1.3.2",
+    "@vue/shared": "^3.2.40",
+    "@waline/client": "^2.14.7",
+    "fflate": "^0.7.4",
+    "lodash": "^4.17.21",
+    "photoswipe": "^5.3.4",
+    "prismjs": "^1.29.0",
+    "resize-detector": "^0.3.0",
+    "reveal.js": "^4.4.0",
+    "ts-debounce": "^4.0.0",
+    "unocss": "^0.46.5",
+    "vant": "^3.6.4",
+    "yaml": "^2.2.1",
+    "@vri/styles": "0.0.3"
+  },
+  "devDependencies": {
+    "qrcode": "^1.5.1",
+    "@vri/constants": "0.0.13",
+    "@vri/types": "0.0.4",
+    "@vri/router": "0.0.10",
+    "@vri/utils": "0.0.22",
+    "@vri/use": "0.0.10",
+    "@vri/store": "0.0.8"
+  },
+  "peerDependencies": {
+    "pinia": "^2.0.23",
+    "pinia-plugin-persistedstate": "^3.0.1",
+    "vue": "^3.2.45",
+    "vue-router": "^4.1.5"
+  },
+  "scripts": {
+    "clean": "pnpm rimraf node_modules && pnpm rimraf dist && pnpm rimraf .turbo",
+    "pub": "pnpm version patch && pnpm publish"
+  }
+}

package/src/app/index.ts

@@ -0,0 +1,3 @@
+export * from '../common';
+export * from './page-loading';
+export * from './table';

package/src/app/page-loading/index.less

@@ -0,0 +1,10 @@
+@prefix-cls: ~'@{pro-namespace}-page-loading';
+@prefix-var: ~'--@{prefix-cls}';
+
+body {
+  @{prefix-var}-height: 100vh;
+}
+
+.@{prefix-cls} {
+  height: var(~'@{prefix-var}-height');
+}

package/src/app/page-loading/index.ts

@@ -0,0 +1,3 @@
+import PageLoading from './index.vue';
+
+export { PageLoading };

package/src/app/page-loading/index.vue

@@ -0,0 +1,38 @@
+<script lang="ts" setup>
+import { createNamespace } from '@vri/utils';
+import { Spin, type SpinProps } from '../../common/spin';
+import SpinImg from './assets/spin.gif';
+
+interface PageLoadingProps {
+  /** loading 配置 */
+  spinCfg?: SpinProps;
+}
+
+const { spinCfg } = defineProps<PageLoadingProps>();
+
+const [name, bem] = /* hoist-static*/ createNamespace('page-loading');
+
+defineOptions({
+  name
+});
+
+const _spinCfg = computed(() => {
+  return {
+    vertical: true,
+    size: 40,
+    textSize: 13,
+    textColor: '#5c5c5c',
+    ...spinCfg
+  };
+});
+</script>
+
+<template>
+  <div :class="['flex-center bg-white', bem()]">
+    <Spin :icon="SpinImg" v-bind="_spinCfg">正在加载...</Spin>
+  </div>
+</template>
+
+<style lang="less">
+@import './index.less';
+</style>

package/src/app/table/demos/basic.vue

@@ -0,0 +1,117 @@
+<script setup lang="tsx">
+import VriTable from '../index.vue';
+import { ColumnsProps } from '../types';
+
+let tableData = $ref<any>([
+  {
+    age: 32,
+    address: '西湖区湖底公园1号',
+    one: '西湖区湖底公园one号',
+    two: '西湖区湖底公园two号',
+    three: '西湖区湖底公园three号'
+  },
+  {
+    name: '胡彦祖胡彦祖胡彦祖胡彦祖胡彦祖胡',
+    age: 42,
+    address: '西湖区湖底公园1号',
+    one: '西湖区园one号',
+    two: '西湖区园two号',
+    three: '西底公园three号'
+  }
+]);
+let columns = $ref<ColumnsProps[]>([
+  {
+    title: '姓名姓名姓名姓名姓名姓名姓名',
+    dataIndex: 'name',
+    align: 'left',
+    cellAlign: 'right',
+    width: 100,
+    fixed: true,
+    cellClassName: 'customClass'
+  },
+  {
+    title: '年龄',
+    headerClassName: 'customHeadClass',
+    cellAlign: 'left',
+    dataIndex: 'age',
+    fixed: true
+  },
+  {
+    title: '住址',
+    dataIndex: 'address',
+    width: 100,
+    render: (text, record, subIndex) => {
+      return (
+        <div>
+          {record.name}+{record.age}+{text}+{subIndex} <span class="text-red-500">*</span>
+        </div>
+      );
+    }
+  },
+  {
+    title: '住址1',
+    dataIndex: 'one'
+  },
+  {
+    title: '住址2',
+    dataIndex: 'two'
+  },
+  {
+    title: '住址3',
+    dataIndex: 'three'
+  },
+  {
+    title: '住址43',
+    dataIndex: 'three'
+  }
+]);
+
+function change() {
+  tableData = [
+    {
+      name: '胡彦祖胡彦祖胡彦祖胡彦祖胡彦祖胡胡',
+      age: 32,
+      three: '西湖区湖底公园three号'
+    },
+    {
+      three: '西底公园three号'
+    }
+  ];
+  columns = [
+    {
+      title: '姓名姓名姓名姓名姓名姓名姓名',
+      dataIndex: 'name',
+      align: 'left',
+      cellAlign: 'right',
+      fixed: true,
+      cellClassName: 'customClass'
+    },
+    {
+      title: '年龄',
+      headerClassName: 'customHeadClass',
+      cellAlign: 'left',
+      dataIndex: 'age'
+    }
+  ];
+}
+</script>
+
+<template>
+  <button @click="change">test</button>
+  <vri-table :tableData="tableData" :columns="columns" />
+</template>
+
+<style scoped lang="less">
+:deep(.vri-table) {
+  .customClass {
+    background: rgba(255, 0, 0, 0.3);
+    font-size: 20px !important;
+  }
+
+  .customHeadClass {
+    background: lightblue;
+    color: white;
+    font-size: 12px !important;
+  }
+}
+</style>