@newview/ui 0.0.1

package/types/Page.d.ts

@@ -0,0 +1,57 @@
+import { BaseInstance } from "@newview/base-vue";
+
+export declare class BoxInstance extends BaseInstance {
+
+}
+
+export declare class PageInstance extends BaseInstance {
+
+}
+
+import type { DefineComponent } from 'vue';
+
+export declare const Box: DefineComponent<{
+    /**
+     * Box 宽度 default: "100%"
+     */
+    width?: string;
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 标题前的图标
+     */
+    icon?: string;
+    /**
+     * 内容区域padding default: 16
+     */
+    padding?: number;
+    /**
+     * 是否显示箭头 default: false
+     */
+    showArrow?: boolean;
+    /**
+     * 是否展开 default: true
+     */
+    expand?: boolean;
+    /**
+     * 显示返回 default: false
+     */
+    back?: boolean;
+    /**
+     * Box 展开关闭状态改变事件
+     */
+    onChange?: (isExpand: boolean) => void;
+    /**
+     * 返回
+     */
+    onOnBack?: () => void;
+}>
+
+export declare const Page: DefineComponent<{
+    /**
+     * 栅格间的间距 default: 0
+     */
+    gutter?: number;    
+}>

package/types/SearchCom.d.ts

@@ -0,0 +1,40 @@
+import { BaseInstance } from "@newview/base-vue";
+
+export declare class SearchComInstance extends BaseInstance {
+
+}
+
+export declare interface SearchComOption {
+    span?: number,
+    title?: string,
+    type?: "Input" | "Radio" | "Checkbox" | "Switch" | "Select" | "AutoComplete" | "DatePicker" | "TimePicker" | "InputNumber",
+    field: string,
+    placeholder?: string,
+    data?: Array<{ text?: string, value?: any }>,
+    pickerType?: "date" | "daterange" | "time" | "timerange" | 'datetime',
+    format?: string,
+    max?: number,
+    min?: number,
+    width?: string
+}
+
+import type { DefineComponent } from 'vue';
+
+export declare const SearchCom: DefineComponent<{
+    /**
+     * SearchCom 配置项 default: []
+     */
+    options?: Array<SearchComOption>;
+    /**
+     * 查询 重置按钮 span大小 default: 6
+     */
+    btnSpan?: number;
+    /**
+     * 标签宽度 default: 80
+     */
+    labelWidth?: number;
+    /**
+     * 执行查询
+     */
+    onSearch?: (data: any) => void;
+}>

package/types/Toolbar.d.ts

@@ -0,0 +1,65 @@
+import { BaseInstance } from "@newview/base-vue";
+
+export declare class ToolbarInstance extends BaseInstance {
+
+}
+
+export declare interface ToolbarOption {
+    /**
+     * 名称，唯一标识
+     */
+    name: string;
+    /**
+     * 文本
+     */
+    text?: string;
+    /**
+     * 图标
+     */
+    icon?: string;
+    /**
+     * 点击方法
+     */
+    onclick?: Function;
+    /**
+     * 按钮类型
+     */
+    type?: "default" | "primary" | "dashed" | "text" | "info" | "success" | "warning" | "error";
+    /**
+     * 样式
+     */
+    class?: string,
+    /**
+     * 是否显示
+     */
+    isShow?: Function;
+    /**
+     * 是否禁用
+     */
+    isEnable?: Function;
+    /**
+     * 按钮大小，可选值为 large、small、default 或者不设置
+     */
+    size?: "large" | "small" | "default"
+}
+
+import type { DefineComponent } from 'vue';
+
+export declare const Toolbar: DefineComponent<{
+    /**
+     * 配置项 default: []
+     */
+    options?: Array<ToolbarOption>;
+    /**
+     * 按钮组显示 default: false
+     */
+    isButtonGroup?: boolean;
+    /**
+     * 图标按钮 default: false
+     */
+    isIconButton?: boolean;
+    /**
+     * 最多显示个数 default: 3
+     */
+    maxShow?: number;
+}>

package/types/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./ComForm"
+export * from "./ControlGroup"
+export * from "./Editor"
+export * from "./ExcelImport"
+export * from "./Grid"
+export * from "./IconSelect"
+export * from "./List"
+export * from "./LuckySheet"
+export * from "./Page"
+export * from "./SearchCom"
+export * from "./Toolbar"
+export * from "./HtmlJson"
+
+export const install: (app: App, options?: any) => void;

package/vite.config.ts

@@ -0,0 +1,69 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import path from 'path';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, './src/index.ts'),
+      name: 'NewViewUI',
+      fileName: 'newview-ui'
+    },
+    rollupOptions: {
+      // 确保外部化处理那些你不想打包进库的依赖
+      external: [
+        "xe-utils",
+        "@newview/base-vue",
+        "@newview/infrastructure",
+        "@newview/tools",
+        "dayjs",
+        "jquery",
+        "jszip",
+        "linq",
+        "monaco-editor",
+        "qrcodejs2",
+        "sass",
+        "view-ui-plus",
+        "vue",
+        "vue-router",
+        "vxe-table",
+        "x2js",
+        "xe-utils",
+        "xlsx"
+      ],
+      output: {
+        globals: {
+          vue: "Vue",
+          'vue-router': 'VueRouter',
+          '@newview/base-vue': 'baseVue',
+          'vxe-table': 'vxeTable',
+          '@newview/tools': 'tools$1',
+          'dayjs': 'dayjs',
+          'jszip': 'JSZip',
+          'x2js': 'x2js',
+          'view-ui-plus': 'viewUiPlus',
+          'linq': 'linq',
+          'monaco-editor': 'monaco',
+          'xlsx': 'XLSX'
+        }
+      }
+    },
+    minify: 'terser',
+    terserOptions: { // 在打包代码时移除 console、debugger 和 注释
+      compress: {
+        /* (default: false) -- Pass true to discard calls to console.* functions.
+          If you wish to drop a specific function call such as console.info and/or
+          retain side effects from function arguments after dropping the function
+          call then use pure_funcs instead
+        */
+        drop_console: true, // 生产环境时移除console
+        drop_debugger: true
+      },
+      format: {
+        comments: false // 删除注释comments
+      }
+    }
+  }
+});