vxe-pc-ui 0.0.2 → 0.2.0

package/types/ui/renderer.d.ts

@@ -0,0 +1,239 @@
+import { VxeComponentStyle } from '../tool'
+
+/* eslint-disable no-use-before-define */
+
+type RendererOptions = DefineRendererOption<VxeGlobalRendererHandles.RenderResult>
+
+export interface DefineRendererOption<T> {
+  // 表单-项渲染
+  itemClassName?: string | ((params: VxeGlobalRendererHandles.RenderItemTitleParams) => string | VNodeClassName)
+  itemStyle?: VxeComponentStyle | ((params: VxeGlobalRendererHandles.RenderItemTitleParams) => VxeComponentStyle)
+  itemContentClassName?: string | ((params: VxeGlobalRendererHandles.RenderItemTitleParams) => string | VNodeClassName)
+  itemContentStyle?: VxeComponentStyle | ((params: VxeGlobalRendererHandles.RenderItemTitleParams) => VxeComponentStyle)
+  itemTitleClassName?: string | ((params: VxeGlobalRendererHandles.RenderItemTitleParams) => string | VNodeClassName)
+  itemTitleStyle?: VxeComponentStyle | ((params: VxeGlobalRendererHandles.RenderItemTitleParams) => VxeComponentStyle)
+  renderItemTitle?(renderOpts: VxeGlobalRendererHandles.RenderItemTitleOptions, params: VxeGlobalRendererHandles.RenderItemTitleParams): T
+  renderItemContent?(renderOpts: VxeGlobalRendererHandles.RenderItemContentOptions, params: VxeGlobalRendererHandles.RenderItemContentParams): T
+  itemVisibleMethod?(params: VxeGlobalRendererHandles.ItemVisibleMethodParams): boolean
+  itemResetMethod?(params: VxeGlobalRendererHandles.ItemResetMethodParams): void
+
+  // 编辑渲染
+  autofocus?: string | ((params: VxeGlobalRendererHandles.RenderEditParams<any> | VxeGlobalRendererHandles.RenderCellParams<any>) => HTMLElement | null)
+  autoselect?: boolean
+
+  // 设计表单
+  formDesignWidgetName?: string
+  formDesignWidgetIcon?: string
+  formDesignWidgetSettingFormData?(renderOpts: VxeGlobalRendererHandles.RenderFormDesignWidgetOptions, params: VxeGlobalRendererHandles.RenderFormDesignWidgetParams): any
+  formDesignWidgetSettingFormItems?(renderOpts: VxeGlobalRendererHandles.RenderFormDesignWidgetOptions, params: VxeGlobalRendererHandles.RenderFormDesignWidgetParams): any
+  renderFormDesignWidgetItem?(renderOpts: VxeGlobalRendererHandles.RenderFormDesignWidgetOptions, params: VxeGlobalRendererHandles.RenderFormDesignWidgetParams): T
+  renderFormDesignWidgetView?(renderOpts: VxeGlobalRendererHandles.RenderFormDesignWidgetOptions, params: VxeGlobalRendererHandles.RenderFormDesignWidgetParams): T
+  renderFormDesignWidgetSetting?(renderOpts: VxeGlobalRendererHandles.RenderFormDesignWidgetOptions, params: VxeGlobalRendererHandles.RenderFormDesignWidgetParams): T
+}
+
+export namespace VxeGlobalRendererHandles {
+  export type RenderResult = SlotVNodeType | SlotVNodeType[]
+
+  export interface RenderFilterOptions extends VxeColumnPropTypes.FilterRender {}
+
+  export interface RenderParams {}
+
+  export type RenderFilterParams<D = VxeTableDataRow> = {
+    $table: VxeTableConstructor<D> & VxeTablePrivateMethods<D>
+    $panel: VxeFilterPanel
+    column: {
+      filters: VxeTableDefines.FilterOption[]
+    } & VxeTableDefines.ColumnInfo<D>
+    columnIndex: number
+    $columnIndex: number
+    $rowIndex: number
+  }
+
+  export type FilterMethodParams<D = VxeTableDataRow> = {
+    $table: VxeTableConstructor<D> & VxeTablePrivateMethods<D>
+    value: any
+    option: VxeTableDefines.FilterOption
+    cellValue: any
+    row: any
+    column: VxeTableDefines.ColumnInfo<D>
+  }
+
+  export interface FilterRemoteMethod<D = VxeTableDataRow> extends VxeTableDefines.FilterChangeParams<D> {
+    $table: VxeTableConstructor<D> & VxeTablePrivateMethods<D>
+  }
+
+  export interface FilterResetMethodParams<D = VxeTableDataRow> {
+    $table: VxeTableConstructor<D> & VxeTablePrivateMethods<D>
+    options: VxeTableDefines.FilterOption[]
+    column: VxeTableDefines.ColumnInfo<D>
+  }
+
+  export interface FilterRecoverMethodParams<D = VxeTableDataRow> {
+    $table: VxeTableConstructor<D> & VxeTablePrivateMethods<D>
+    option: VxeTableDefines.FilterOption
+    column: VxeTableDefines.ColumnInfo<D>
+  }
+
+  export interface RenderHeaderOptions extends VxeGlobalRendererHandles.RenderOptions { }
+
+  export interface RenderHeaderParams<D = VxeTableDataRow> {
+    $table: VxeTableConstructor<D> & VxeTablePrivateMethods<D>
+    column: VxeTableDefines.ColumnInfo<D>
+    columnIndex: number
+    $columnIndex: number
+    $rowIndex: number
+  }
+
+  export type RenderDefaultOptions<D = VxeTableDataRow> = VxeColumnPropTypes.EditRender<D>
+  export type RenderDefaultParams<D = VxeTableDataRow> = RenderEditParams<D>
+
+  export interface RenderFooterOptions extends VxeGlobalRendererHandles.RenderOptions { }
+
+  export interface RenderFooterParams<D = VxeTableDataRow> {
+    $table: VxeTableConstructor<D> & VxeTablePrivateMethods<D>
+    column: VxeTableDefines.ColumnInfo<D>
+    columnIndex: number
+    _columnIndex: number
+    $columnIndex: number
+    $rowIndex: number
+    items: any[]
+    data: D[][]
+  }
+
+  export interface ExportMethodParams<D = VxeTableDataRow> {
+    row: D
+    column: VxeTableDefines.ColumnInfo<D>
+    options: VxeTablePropTypes.ExportHandleOptions
+  }
+
+  export interface FooterExportMethodParams<D = VxeTableDataRow> {
+    items: any[]
+    _columnIndex: number
+    column: VxeTableDefines.ColumnInfo<D>
+    options: VxeTablePropTypes.ExportHandleOptions
+  }
+
+  export type RenderEditOptions<D = VxeTableDataRow> = VxeColumnPropTypes.EditRender<D>
+
+  export interface RenderEditParams<D = VxeTableDataRow> {
+    $table: VxeTableConstructor<D> & VxeTablePrivateMethods<D>
+    $grid: VxeGridConstructor<D> | null
+    column: VxeTableDefines.ColumnInfo<D>
+    columnIndex: number
+    $columnIndex: number
+    rowid: string
+    row: D
+    rowIndex: number
+    $rowIndex: number
+    isHidden: boolean
+    fixed: VxeColumnPropTypes.Fixed
+    type: string
+  }
+
+  export type RenderCellOptions<D = VxeTableDataRow> = VxeColumnPropTypes.EditRender<D>
+  export type RenderCellParams<D = VxeTableDataRow> = {
+    $table: VxeTableConstructor<D> & VxeTablePrivateMethods<D>
+    $grid: VxeGridConstructor<D> | null
+    column: VxeTableDefines.ColumnInfo<D>
+    columnIndex: number
+    $columnIndex: number
+    rowid: string
+    row: D
+    rowIndex: number
+    $rowIndex: number
+    isHidden: boolean
+    fixed: VxeColumnPropTypes.Fixed
+    type: string
+  }
+
+  export interface RenderExpandOptions extends VxeColumnPropTypes.ContentRender { }
+  export type RenderExpandParams<D = VxeTableDataRow> = RenderEditParams<D>
+
+  export interface RenderButtonOptions extends VxeGlobalRendererHandles.RenderOptions { }
+  export interface RenderButtonParams<D = VxeTableDataRow> {
+    $grid: VxeGridConstructor | null
+    $table: VxeTableConstructor<D> & VxeTablePrivateMethods<D>
+    button: VxeToolbarPropTypes.ButtonConfig
+  }
+
+  export interface RenderToolOptions extends VxeGlobalRendererHandles.RenderOptions { }
+  export interface RenderToolParams<D = VxeTableDataRow> {
+    $grid: VxeGridConstructor | null
+    $table: VxeTableConstructor<D> & VxeTablePrivateMethods<D>
+    tool: VxeToolbarPropTypes.ToolConfig
+  }
+
+  export type RenderItemTitleOptions = FormItemRenderOptions
+  export type RenderItemTitleParams = FormItemTitleRenderParams
+  export type RenderItemContentOptions = FormItemRenderOptions
+  export type RenderItemContentParams = FormItemContentRenderParams
+  export type ItemVisibleMethodParams = FormItemVisibleParams
+  export type ItemResetMethodParams = FormItemResetParams
+
+  export type RenderEmptyOptions = VxeTablePropTypes.EmptyRender
+
+  export interface RenderEmptyParams<D = VxeTableDataRow> {
+    $table: VxeTableConstructor<D> & VxeTablePrivateMethods<D>
+  }
+
+  /**
+   * 渲染选项
+   */
+  export interface RenderOptions {
+    /**
+     * 渲染器名称
+     */
+    name?: string
+    /**
+     * 目标组件渲染的参数
+     */
+    props?: { [key: string]: any }
+    /**
+     * 目标组件渲染的属性
+     */
+    attrs?: { [key: string]: any }
+    /**
+     * 目标组件渲染的事件
+     */
+    events?: { [key: string]: (...args: any[]) => any }
+    /**
+     * 多目标渲染
+     */
+    children?: any[]
+    /**
+     * 渲染类型
+     */
+    cellType?: 'string' | 'number'
+  }
+
+  /**
+   * 选项参数
+   */
+  export interface RenderOptionProps {
+    value?: string
+    label?: string
+    disabled?: string
+    key?: string
+  }
+
+  /**
+   * 分组选项参数
+   */
+  export interface RenderOptionGroupProps {
+    options?: string
+    label?: string
+    key?: string
+  }
+}
+
+/**
+ * 渲染器
+ */
+export interface VxeGlobalRenderer {
+  mixin(options: {
+    [name: string]: RendererOptions
+  }): VxeGlobalRenderer
+  get(name: string | null | undefined): DefineRendererOption<VxeGlobalRendererHandles.RenderResult>
+  add(name: string, options: RendererOptions): VxeGlobalRenderer
+  delete(name: string): void
+}

package/types/ui/validators.d.ts

@@ -0,0 +1,26 @@
+import { VxeFormDefines } from '../components/form'
+
+/* eslint-disable no-use-before-define */
+
+export namespace VxeGlobalValidatorsHandles {
+  export interface ValidatorsOptions<D = any> {
+    itemValidatorMethod?: ItemValidatorMethod
+  }
+
+  export type ItemValidatorMethod = (params: ItemValidatorParams, ...args: any[]) => void | Error | Promise<any>
+  export interface ItemValidatorParams extends VxeFormDefines.RuleValidatorParams {}
+}
+
+/**
+ * 全局快捷菜单
+ */
+export interface VxeGlobalValidators {
+  mixin(options: {
+    [code: string]: VxeGlobalValidatorsHandles.ValidatorsOptions<any>
+  }): VxeGlobalValidators
+  has(code: string): boolean
+  get(code: string): VxeGlobalValidatorsHandles.ValidatorsOptions<any>
+  add(code: string, callback: VxeGlobalValidatorsHandles.ValidatorsOptions<any>): VxeGlobalValidators
+  delete(code: string): void
+  forEach(callback: (options: VxeGlobalValidatorsHandles.ValidatorsOptions<any>, code: string) => void): void
+}

package/es/design/index.js

@@ -1,8 +0,0 @@
-import VxeDesignComponent from './src/design';
-const VxeDesign = Object.assign({}, VxeDesignComponent, {
-    install(app) {
-        app.component(VxeDesignComponent.name, VxeDesignComponent);
-    }
-});
-export const Design = VxeDesign;
-export default VxeDesign;

package/es/vxe-design/index.js

@@ -1,3 +0,0 @@
-import VxeDesign from '../design';
-export * from '../design';
-export default VxeDesign;

package/lib/anchor-link/src/util.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.assemAnchorLink=assemAnchorLink,exports.destroyAnchorLink=destroyAnchorLink;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function assemAnchorLink(e,i,t,r){var n=e.reactData.staticLinks,s=i.parentNode,r=r?r.linkConfig:null,r=r?r.children:n;s&&r&&(r.splice(_xeUtils.default.arrayIndexOf(s.children,i),0,t),e.reactData.staticLinks=n.slice(0))}function destroyAnchorLink(e,i){var t=e.reactData.staticLinks,r=_xeUtils.default.findTree(t,e=>e.id===i.id,{children:"children"});r&&r.items.splice(r.index,1),e.reactData.staticLinks=t.slice(0)}

package/lib/button-group/src/button-group.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_xeUtils=_interopRequireDefault(require("xe-utils")),_button=_interopRequireDefault(require("../../button/src/button")),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeButtonGroup",props:{options:Array,mode:String,status:String,round:Boolean,circle:Boolean,className:[String,Function],disabled:Boolean,size:{type:String,default:()=>_globalStore.default.buttonGroup.size||_globalStore.default.size}},emits:["click"],setup(r,e){const{slots:u,emit:i}=e;var t=_xeUtils.default.uniqueId();const o={},n={xID:t,props:r,context:e,getComputeMaps:()=>o},s=((0,_size.useSize)(r),{dispatchEvent(e,t,o){i(e,Object.assign({$buttonGroup:n,$event:o},t))}});Object.assign(n,s,{handleClick(e,t){var o=r["options"];const u=e["name"];o=o?o.find(e=>e.name===u):null;s.dispatchEvent("click",{...e,option:o},t)}});t=()=>{var{className:e,options:t}=r,o=u.default;return(0,_vue.h)("div",{class:["vxe-button-group",e?_xeUtils.default.isFunction(e)?e({$buttonGroup:n}):e:""]},o?o({}):t?t.map((e,t)=>(0,_vue.h)(_button.default,{key:t,...e})):[])};return n.renderVN=t,(0,_vue.provide)("$xeButtonGroup",n),t}});

package/lib/design/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Design = void 0;
-var _design = _interopRequireDefault(require("./src/design"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const VxeDesign = Object.assign({}, _design.default, {
-  install(app) {
-    app.component(_design.default.name, _design.default);
-  }
-});
-const Design = exports.Design = VxeDesign;
-var _default = exports.default = VxeDesign;

package/lib/design/index.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Design=void 0;var _design=_interopRequireDefault(require("./src/design"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeDesign=Object.assign({},_design.default,{install(e){e.component(_design.default.name,_design.default)}}),Design=exports.Design=VxeDesign;var _default=exports.default=VxeDesign;

package/lib/design/src/design.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=_interopRequireDefault(require("../../ui")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeDesign",props:{size:{type:String,default:()=>_ui.default.getConfig("design.size")}},emits:[],setup(e,t){var r=_xeUtils.default.uniqueId();const u=(0,_vue.ref)();var i=(0,_vue.reactive)({});const s={refElem:u},n={};r={xID:r,props:e,context:t,reactData:i,getRefMaps:()=>s,getComputeMaps:()=>n};return r.renderVN=()=>(0,_vue.h)("div",{ref:u,class:"vxe-design"}),r},render(){return this.renderVN()}});

package/lib/vxe-design/index.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={},_design=(exports.default=void 0,_interopRequireWildcard(require("../design")));function _getRequireWildcardCache(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(_getRequireWildcardCache=function(e){return e?r:t})(e))}function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};t=_getRequireWildcardCache(t);if(t&&t.has(e))return t.get(e);var r,n,o={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((n=i?Object.getOwnPropertyDescriptor(e,r):null)&&(n.get||n.set)?Object.defineProperty(o,r,n):o[r]=e[r]);return o.default=e,t&&t.set(e,o),o}Object.keys(_design).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_design[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _design[e]}})});var _default=exports.default=_design.default;

package/packages/design/index.ts

@@ -1,11 +0,0 @@
-import { App } from 'vue'
-import VxeDesignComponent from './src/design'
-
-const VxeDesign = Object.assign({}, VxeDesignComponent, {
-  install (app: App) {
-    app.component(VxeDesignComponent.name as string, VxeDesignComponent)
-  }
-})
-
-export const Design = VxeDesign
-export default VxeDesign

package/packages/design/src/design.ts

@@ -1,55 +0,0 @@
-import { defineComponent, ref, h, PropType, reactive } from 'vue'
-import VxeUI from '../../ui'
-import XEUtils from 'xe-utils'
-
-import { VxeDesignPropTypes, DesignReactData, DesignPrivateRef, VxeDesignPrivateComputed, VxeDesignConstructor, VxeDesignPrivateMethods } from '../../../types'
-
-export default defineComponent({
-  name: 'VxeDesign',
-  props: {
-    size: {
-      type: String as PropType<VxeDesignPropTypes.Size>,
-      default: () => VxeUI.getConfig('design.size')
-    }
-  },
-  emits: [],
-  setup (props, context) {
-    const xID = XEUtils.uniqueId()
-
-    const refElem = ref<HTMLDivElement>()
-
-    const reactData = reactive<DesignReactData>({
-    })
-
-    const refMaps: DesignPrivateRef = {
-      refElem
-    }
-
-    const computeMaps: VxeDesignPrivateComputed = {
-    }
-
-    const $xedesign = {
-      xID,
-      props,
-      context,
-      reactData,
-
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    } as unknown as VxeDesignConstructor & VxeDesignPrivateMethods
-
-    const renderVN = () => {
-      return h('div', {
-        ref: refElem,
-        class: 'vxe-design'
-      })
-    }
-
-    $xedesign.renderVN = renderVN
-
-    return $xedesign
-  },
-  render () {
-    return this.renderVN()
-  }
-})

package/styles/components/design.scss

@@ -1 +0,0 @@
-@import '../helpers/mixin.scss';

package/types/component/design.d.ts

@@ -1,63 +0,0 @@
-import { RenderFunction, SetupContext, Ref } from 'vue'
-import { defineVxeComponent, VxeComponentBase, VxeComponentEvent, VxeComponentSize, ValueOf } from '../tool'
-
-/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
-
-declare const VxeDesign: defineVxeComponent<VxeDesignProps, VxeDesignEventProps>
-
-export interface VxeDesignConstructor extends VxeComponentBase, VxeDesignMethods {
-  props: VxeDesignProps
-  context: SetupContext<VxeDesignEmits>
-  reactData: DesignReactData
-  getRefMaps(): DesignPrivateRef
-  getComputeMaps(): DesignPrivateComputed
-  renderVN: RenderFunction
-}
-
-export interface DesignPrivateRef {
-  refElem: Ref<HTMLDivElement | undefined>
-}
-export interface VxeDesignPrivateRef extends DesignPrivateRef { }
-
-export namespace VxeDesignPropTypes {
-  export type Size = VxeComponentSize
-}
-
-export type VxeDesignProps = {
-  size?: VxeDesignPropTypes.Size
-}
-
-export interface DesignPrivateComputed {
-}
-export interface VxeDesignPrivateComputed extends DesignPrivateComputed { }
-
-export interface DesignReactData {
-}
-
-export interface DesignMethods {
-  dispatchEvent(type: ValueOf<VxeDesignEmits>, params: any, evnt: Event): void
-}
-export interface VxeDesignMethods extends DesignMethods { }
-
-export interface DesignPrivateMethods { }
-export interface VxeDesignPrivateMethods extends DesignPrivateMethods { }
-
-export type VxeDesignEmits = [
-]
-
-export namespace VxeDesignDefines {
-  export interface DesignEventParams extends VxeComponentEvent {
-    $design: VxeDesignConstructor
-  }
-}
-
-export type VxeDesignEventProps = {}
-
-export interface VxeDesignListeners { }
-
-export namespace VxeDesignEvents { }
-
-export interface VxeDesignSlots {
-}
-
-export default VxeDesign