vue-super-crud 1.7.1 → 1.7.2

package/docs/guide/commonConfig/jsx.md

@@ -1,166 +0,0 @@
-# JSX 语法
-
-## 内容
-
-```jsx
-render() {
-  return <p>hello</p>
-}
-```
-
-### 具有动态内容:
-
-```jsx
-render() {
-  return <p>hello { this.message }</p>
-}
-```
-
-### 单标签:
-
-```jsx
-render() {
-  return <input />
-}
-```
-
-### 使用组件:
-
-```jsx
-import MyComponent from './my-component'
-
-export default {
-  render() {
-    return <MyComponent>hello</MyComponent>
-  },
-}
-```
-
-## 属性
-
-```jsx
-render() {
-  return <input type="email" />
-}
-```
-
-### 使用动态绑定:
-
-```jsx
-render() {
-  return <input
-    type="email"
-    placeholder={this.placeholderText}
-  />
-}
-```
-
-### 绑定事件:
-
-```jsx
-render() {
-  return <input onInput={this.handleInput} />
-}
-```
-
-### 动态绑定事件:
-
-```jsx
-render() {
-  const events = {
-    "visible-change": () => {
-       console.log("visible-change");
-     },
-  }
-  return <input on={events} />
-}
-```
-
-
-### 动态属性:
-
-```jsx
-render() {
-  const props = {
-    type: 'email',
-    placeholder: 'Enter your email'
-  }
-
-  return <input props={props} />
-}
-```
-
-### 使用扩展运算符:
-
-```jsx
-render() {
-  const inputAttrs = {
-    type: 'email',
-    placeholder: 'Enter your email'
-  }
-
-  return <input {...{ attrs: inputAttrs }} />
-}
-```
-
-
-
-## 插槽
-
-### 命名插槽：
-
-```jsx
-render() {
-  return (
-    <MyComponent>
-      <header slot="header">header</header>
-      <footer slot="footer">footer</footer>
-    </MyComponent>
-  )
-}
-```
-
-### 作用域插槽：
-
-```jsx
-render() {
-  const scopedSlots = {
-    header: () => <header>header</header>,
-    footer: () => <footer>footer</footer>
-  }
-
-  return <MyComponent scopedSlots={scopedSlots} />
-}
-```
-
-## 指令
-
-```jsx
-<input vModel={this.newTodoText} />
-// or
-<input v-model={this.newTodoText} />
-```
-
-### 使用修饰符:
-
-```jsx
-<input vModel_trim={this.newTodoText} />
-```
-
-### 带有参数：
-
-```jsx
-<input vOn:click={this.newTodoText} />
-```
-
-### 带有参数和修饰符:
-
-```jsx
-<input vOn:click_stop_prevent={this.newTodoText} />
-```
-
-### v-html:
-
-```jsx
-<p domPropsInnerHTML={html} />
-```

package/docs/guide/commonConfig/presetCodeTemplate.md

@@ -1,68 +0,0 @@
-# 预设配置模板
-
-## 基本使用
-
-`presetType` 匹配预设的配置，实现配置复用。</br>
-
-通用`presetType` 匹配到的配置对象会与原有的配置合并，形成一个新的配置对象，达到配置复用的效果。
-
-<ClientOnly>
-<common-code-format>
-  <commonConfig-presetCodeTemplate-base slot="source"></commonConfig-presetCodeTemplate-base>
-  
-<<< @/docs/.vuepress/components/commonConfig/presetCodeTemplate/base.vue
-</common-code-format>
-</ClientOnly>
-
-
-
-## 预设配置的动态化
-
-预设的配置如果是一个函数，接收的参数为原有的配置对象`item`，可以动态的返回一个配置对象，实现配置的动态化。
-
-<ClientOnly>
-<common-code-format>
-  <commonConfig-presetCodeTemplate-customParams slot="source"></commonConfig-presetCodeTemplate-customParams>
-  
-<<< @/docs/.vuepress/components/commonConfig/presetCodeTemplate/customParams.vue
-</common-code-format>
-</ClientOnly>
-
-
-
-# 自定义预设配置
-
-::: tip
-在全局配置对象 `template` 下添加新的预设配置 。
-:::
-
-```js
-
-Vue.use(superCrud, {
-  template: {
-    render: { // 渲染模板
-      dateRange: () => ({
-        comp: {
-          name: "el-date-picker",
-          type: "daterange",
-          "range-separator": "-",
-          "start-placeholder": "开始",
-          "end-placeholder": "结束",
-          valueFormat: "yyyy-MM-dd",
-        },
-      }),
-    },
-    rules: { // 校验模板
-       required: (rules, { item }) => {
-          return {
-            required: true,
-            message: item.label + "不能为空",
-            trigger: item.rules.trigger,
-          };
-        },
-    },
-    dict: { // 字典模板
-      ...
-    },
-  }})
-```

package/docs/guide/commonConfig/renderType.md

@@ -1,181 +0,0 @@
-# 渲染方式
-
-## 格式化渲染
-
-`formatter` 用于格式化数据，返回处理后的文本内容 </br>
-`html` 配合 formatter 使用，可以渲染 HTML 字符串
-
-<ClientOnly>
-<common-code-format>
-  <commonConfig-renderType-formatter slot="source"></commonConfig-renderType-formatter>
-<<< @/docs/.vuepress/components/commonConfig/renderType/formatter.vue
-</common-code-format>
-</ClientOnly>
-
-## 插槽渲染
-
-`#[prop]` 插槽名称与 renderColumns 的 prop 属性对应 </br>
-插槽可以接收`scope`作为作用域参数
-
-<ClientOnly>
-<common-code-format>
-  <commonConfig-renderType-slot slot="source"></commonConfig-renderType-slot>
-<<< @/docs/.vuepress/components/commonConfig/renderType/slot.vue
-</common-code-format>
-</ClientOnly>
-
-## render函数渲染
-
-使用 render 函数或 JSX 语法进行渲染 </br>
-当 render 函数接收一个参数时，参数为`scope`；当 render 函数接收两个参数时，第一个参数为`h`，第二个参数为`scope`
-
-<ClientOnly>
-<common-code-format>
-  <commonConfig-renderType-render slot="source"></commonConfig-renderType-render>
-<<< @/docs/.vuepress/components/commonConfig/renderType/render.vue
-</common-code-format>
-</ClientOnly>
-
-## 组件配置渲染
-
-通过配置对象`comp`来定义组件的各种行为和属性 </br>
-
-默认配置：
-- clearable: 默认为 true </br>
-- placeholder: 默认为"请输入/请选择" + 列标签 </br>
-- size: 继承父组件的 size 配置 </br>
-
-<ClientOnly>
-<common-code-format>
-  <commonConfig-renderType-component slot="source"></commonConfig-renderType-component>
-<<< @/docs/.vuepress/components/commonConfig/renderType/component.vue
-</common-code-format>
-</ClientOnly>
-
-### 组件类型转换
-
-原先名字为 el-select 的组件会转化为封装的 sc-select 组件，支持 options 配置, 快速生成选项，[字典组件配置](/guide/dict/component.html#字典组件配置) 
-
-| 原组件            | 转换后组件  |
-| ----------------- | ----------- |
-| el-select         | sc-select   |
-| el-checkbox-group | sc-checkbox |
-| el-radio-group    | sc-radio    |
-| el-switch         | sc-switch   |
-| el-cascader       | sc-cascader |
-
-### 组件属性设置
-支持两种方式设置组件属性：
-1. 直接属性配置
-```js
-{
-  name: 'el-input',
-  type: 'text',
-  placeholder: '请输入',
-  clearable: true
-}
-```
-
-2. bind 配置，支持函数形式，可获取 scope 参数
-```js
-{
-  name: 'el-input',
-  bind: {
-    placeholder: '请输入',
-    clearable: true
-  }
-}
-```
-
-### 事件处理配置
-
-组件支持两种事件配置方式：
-
-1. on 对象配置
-```js
-{
-  name: 'el-input',
-  on: {
-    change: (val, scope) => {
-      console.log('值变化:', val)
-    },
-    input: (val, scope) => {
-      console.log('输入值:', val)
-    }
-  }
-}
-```
-
-2. on 前缀配置
-```js
-{
-  name: 'el-input',
-  onChange: (val, scope) => {
-    console.log('值变化:', val)
-  },
-  onInput: (val, scope) => {
-    console.log('输入值:', val)
-  }
-}
-```
-
-### children 属性详细说明
-
-children 属性用于配置组件的子元素，支持多种配置方式，常用于下拉选择、单选组、复选组等需要子组件、子元素的场景。
-
-1. 返回子组件，支持数组与对象
-```js
-{
-  name: 'el-select',
-  children: [
-    { name: 'el-option', label: '选项1', value: 1 },
-    { name: 'el-option', label: '选项2', value: 2 }
-  ] // { name: 'el-option', label: '选项1', value: 1 }
-}
-```
-
-2. 函数形式
-```js
-{
-  name: 'el-select',
-  children: (scope) => {
-    return scope.dict.map(item => ({
-      name: 'el-option',
-      label: item.label,
-      value: item.value
-    }))
-  }
-}
-
-```
-
-3. 返回子元素
-```js
-{
-  name: 'el-button',
-  children: '按钮'
-}
-
-```
-
-## comp 配置项
-
-| 配置项   | 类型                  | 说明                                               | 示例                                       |
-| -------- | --------------------- | -------------------------------------------------- | ------------------------------------------ |
-| name     | String/Component      | 组件名称或组件对象。字符串时必须为已注册的全局组件 | 'el-input' 或 导入的组件                   |
-| bind     | Object/Function       | 组件的属性配置，函数时可获取 scope 参数            | {placeholder: '请输入'} 或 (scope) => ({}) |
-| on       | Object                | 组件的事件监听配置                                 | {change: (val, scope) => {}}               |
-| slots    | Object                | 组件的插槽配置，接收render函数                     | {default: (h, scope) => []}                |
-| children | Array/Object/Function | 子组件配置或默认插槽内容                           | [{name: 'el-option'}]                      |
-| nativeOn | Object                | 原生事件监听                                       | {click: () => {}}                          |
-| mounted  | Function(scope, ref)  | 组件挂载后调用                                     | (scope, ref) => {}                         |
-
-
-## scope 作用域对象
-
-| 属性   | 说明                                                     |
-| ------ | -------------------------------------------------------- |
-| row    | 当前行数据                                               |
-| self   | 当前组件实例                                             |
-| dict   | 字典数据                                                 |
-| $value | 格式化值的 get/set，{ get: () => {} , set: (val) => {} } |

package/docs/guide/crud/baseUse.md

@@ -1,120 +0,0 @@
-# 基本使用
-
-## 基本使用
-
-`@getList` 获取表格数据 </br>
-`init` 初始化是否立即调用 getList（默认为 true） </br>
-
-<ClientOnly>
-<common-code-format>
-  <crud-baseUse-baseUse slot="source"></crud-baseUse-baseUse>
-  
-<<< @/docs/.vuepress/components/crud/baseUse/baseUse.vue
-</common-code-format>
-</ClientOnly>
-
-## 分页配置
-
-搜索表单对象中 `pageNum` 当前页码，`pageSize` 每页条数 </br>
-`pagination` 分页配置（传递对象，具体参考 el-pagination）
-
-<ClientOnly>
-<common-code-format>
-  <crud-baseUse-pagination slot="source"></crud-baseUse-pagination>
-  
-<<< @/docs/.vuepress/components/crud/baseUse/pagination.vue
-</common-code-format>
-</ClientOnly>
-
-## 标题
-
-`title` 表格标题 </br>
-
-<ClientOnly>
-<common-code-format>
-  <crud-baseUse-title slot="source"></crud-baseUse-title>
-  
-<<< @/docs/.vuepress/components/crud/baseUse/title.vue
-</common-code-format>
-</ClientOnly>
-
-## 操作栏
-
-`handleRow` 操作栏 </br>
-
-<ClientOnly>
-<common-code-format>
-  <crud-baseUse-handleRow slot="source"></crud-baseUse-handleRow>
-  
-<<< @/docs/.vuepress/components/crud/baseUse/handleRow.vue
-</common-code-format>
-</ClientOnly>
-
-## 工具栏
-
-`toolbar` 工具栏 </br>
-
-<ClientOnly>
-<common-code-format>
-  <crud-baseUse-toolbar slot="source"></crud-baseUse-toolbar>
-  
-<<< @/docs/.vuepress/components/crud/baseUse/toolbar.vue
-</common-code-format>
-</ClientOnly>
-
-## 表格操作列
-
-`action` 操作列配置，值为`false`则隐藏 </br>
-`action.width`、`action.minWidth` 设置为`auto`，会自适应列宽度 </br>
-
-<ClientOnly>
-<common-code-format>
-  <crud-baseUse-columnAction slot="source"></crud-baseUse-columnAction>
-  
-<<< @/docs/.vuepress/components/crud/baseUse/columnAction.vue
-</common-code-format>
-</ClientOnly>
-
-
-## 表格高度与嵌套表头
-
-`height`、`maxHeight` 设置为`auto`，会自适应窗口高度，配合calcHeight 自定义调节范围 </br>
-`calcHeight` 减去的底部高度 </br>
-`children` 多级嵌套表头
-
-<ClientOnly>
-<common-code-format>
-  <crud-baseUse-height slot="source"></crud-baseUse-height>
-  
-<<< @/docs/.vuepress/components/crud/baseUse/height.vue
-</common-code-format>
-</ClientOnly>
-
-## 索引列、展开列
-
-`index` 索引列，值为对象时自定义属性 </br>
-`expand` 展开列
-
-<ClientOnly>
-<common-code-format>
-  <crud-baseUse-index slot="source"></crud-baseUse-index>
-  
-<<< @/docs/.vuepress/components/crud/baseUse/index.vue
-</common-code-format>
-</ClientOnly>
-
-## 组件加载
-
-`loading` 外部控制加载状态，支持`.sync`双向绑定</br>
-`disableLoading` 禁用组件内部控制加载状态 </br>
-`loadingText` 自定义加载文本 </br>
-`loadingSpinner` 自定义加载图标 </br>
-`loadingBackground` 自定义加载背景颜色
-
-<ClientOnly>
-<common-code-format>
-  <crud-baseUse-loading slot="source"></crud-baseUse-loading>
-  
-<<< @/docs/.vuepress/components/crud/baseUse/loading.vue
-</common-code-format>
-</ClientOnly>

package/docs/guide/crud/buttons.md

@@ -1,18 +0,0 @@
-# 按钮配置
-
-# 通用配置
-
-按钮配置对象接收`el-button`属性, 详情参考[element-ui](https://element.eleme.cn/#/zh-CN/component/button)</br>
-`button.handles` 添加自定义按钮 </br>
-`button.hidden` 自定义按钮隐藏, 可接收函数, 在操作列`action`按钮中使用可获取行数据 </br>
-`button.children` 为折叠按钮,可配置多个子按钮 </br>
-
-`controlButton` 控制所有按钮，返回所需的按钮组 </br>
-
-<ClientOnly>
-<common-code-format>
-  <crud-buttons-common slot="source"></crud-buttons-common>
-  
-<<< @/docs/.vuepress/components/crud/buttons/common.vue
-</common-code-format>
-</ClientOnly>