vue2-client 1.13.10 → 1.13.12

package/src/utils/waterMark.js

@@ -1,31 +1,31 @@
-/**
- * @description: createWaterMark.js 加水印功能
- */
-let waterMarkDOM
-
-const clearWaterMark = () => {
-  if (waterMarkDOM) waterMarkDOM.remove()
-}
-/**
- * @description: 创建水印
- * @param waterMarkName 水印内容
- */
-export default function createWaterMark (waterMarkName) {
-  clearWaterMark()
-  if (!waterMarkName) {
-    return
-  }
-  const width = window.parseInt(document.body.clientWidth)
-  const canvasWidth = width / window.parseInt(width / 320)
-  const fontFamily = window.getComputedStyle(document.body)['font-family']
-  const fragment = document.createDocumentFragment()
-  waterMarkDOM = document.createElement('div')
-  waterMarkDOM.className = 'water-mark-wrap'
-  let spanStr = ''
-  for (let i = 0; i < 100; i++) {
-    spanStr += `<span class="water-word" style=width:${canvasWidth}px;height:200px;font: ${fontFamily}>${waterMarkName}</span>`
-  }
-  waterMarkDOM.innerHTML = spanStr
-  fragment.appendChild(waterMarkDOM)
-  document.body.appendChild(fragment)
-}
+/**
+ * @description: createWaterMark.js 加水印功能
+ */
+let waterMarkDOM
+
+const clearWaterMark = () => {
+  if (waterMarkDOM) waterMarkDOM.remove()
+}
+/**
+ * @description: 创建水印
+ * @param waterMarkName 水印内容
+ */
+export default function createWaterMark (waterMarkName) {
+  clearWaterMark()
+  if (!waterMarkName) {
+    return
+  }
+  const width = window.parseInt(document.body.clientWidth)
+  const canvasWidth = width / window.parseInt(width / 320)
+  const fontFamily = window.getComputedStyle(document.body)['font-family']
+  const fragment = document.createDocumentFragment()
+  waterMarkDOM = document.createElement('div')
+  waterMarkDOM.className = 'water-mark-wrap'
+  let spanStr = ''
+  for (let i = 0; i < 100; i++) {
+    spanStr += `<span class="water-word" style=width:${canvasWidth}px;height:200px;font: ${fontFamily}>${waterMarkName}</span>`
+  }
+  waterMarkDOM.innerHTML = spanStr
+  fragment.appendChild(waterMarkDOM)
+  document.body.appendChild(fragment)
+}

package/test/Amis.spec.js

@@ -1,164 +1,164 @@
-import { mount } from '@vue/test-utils'
-import AMisRender from '@vue2-client/base-client/components/common/AMisRender/index.vue'
-import { it, describe, expect } from '@jest/globals'
-
-describe('AmisRender', () => {
-    // 测试用例：正确渲染组件
-    it('renders correctly', () => {
-        const wrapper = mount(AMisRender, {
-            // 组件必要的传参
-            propsData: {
-                schema: {
-                    title: '${siteName}：这是 AMIS 表格页面示例',
-                    remark: '嘿，不保证数据准确性',
-                    type: 'page',
-                    body: {
-                        type: 'crud',
-                        draggable: true,
-                        api: 'https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample',
-                        keepItemSelectionOnPageChange: true,
-                        autoGenerateFilter: true,
-                        bulkActions: [
-                            {
-                                type: 'button',
-                                label: '批量删除',
-                                actionType: 'ajax',
-                                api: 'delete:https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample/${ids|raw}',
-                                confirmText: '确定要批量删除?',
-                            },
-                            {
-                                type: 'button',
-                                label: '批量修改',
-                                actionType: 'dialog',
-                                dialog: {
-                                    title: '批量编辑',
-                                    name: 'sample-bulk-edit',
-                                    body: {
-                                        type: 'form',
-                                        api: 'https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample/bulkUpdate2',
-                                        body: [
-                                            {
-                                                type: 'hidden',
-                                                name: 'ids',
-                                            },
-                                            {
-                                                type: 'input-text',
-                                                name: 'engine',
-                                                label: 'Engine',
-                                            },
-                                        ],
-                                    },
-                                },
-                            },
-                        ],
-                        quickSaveApi:
-                            'https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample/bulkUpdate',
-                        quickSaveItemApi:
-                            'https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample/$id',
-                        headerToolbar: [
-                            'bulkActions',
-                            {
-                                type: 'button',
-                                label: '重置测试数据',
-                                actionType: 'ajax',
-                                size: 'sm',
-                                api: 'https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample/reset',
-                            },
-                            'export-excel',
-                            {
-                                type: 'tpl',
-                                tpl: '一共有 ${count} 行数据。',
-                                className: 'v-middle',
-                            },
-                            {
-                                type: 'columns-toggler',
-                                align: 'right',
-                                draggable: true,
-                            },
-                            {
-                                type: 'drag-toggler',
-                                align: 'right',
-                            },
-                        ],
-                        footerToolbar: ['statistics', 'switch-per-page', 'pagination'],
-                        columns: [
-                            {
-                                name: 'id',
-                                label: 'ID',
-                                width: 20,
-                                sortable: true,
-                                type: 'text',
-                                searchable: {
-                                    type: 'input-text',
-                                    name: 'id',
-                                    label: '主键',
-                                    placeholder: '输入id',
-                                },
-                            },
-                            {
-                                name: 'browser',
-                                label: 'Browser',
-                                searchable: {
-                                    type: 'select',
-                                    name: 'browser',
-                                    label: '浏览器',
-                                    placeholder: '选择浏览器',
-                                    options: [
-                                        {
-                                            label: 'Internet Explorer ',
-                                            value: 'ie',
-                                        },
-                                        {
-                                            label: 'AOL browser',
-                                            value: 'aol',
-                                        },
-                                        {
-                                            label: 'Firefox',
-                                            value: 'firefox',
-                                        },
-                                    ],
-                                },
-                            },
-                            {
-                                name: 'platform',
-                                label: '平台',
-                                popOver: {
-                                    trigger: 'hover',
-                                    body: {
-                                        type: 'tpl',
-                                        tpl: '就是为了演示有个叫 popOver 的功能',
-                                    },
-                                },
-                                sortable: true,
-                                type: 'text',
-                            },
-                            {
-                                name: 'grade',
-                                label: 'CSS 等级',
-                                type: 'select',
-                                options: ['A', 'B', 'C', 'D', 'X'],
-                            },
-                            {
-                                type: 'operation',
-                                label: '操作',
-                                width: 100,
-                                buttons: [
-                                    {
-                                        type: 'button',
-                                        actionType: 'ajax',
-                                        label: '删除',
-                                        confirmText: '您确认要删除?',
-                                        api: 'delete:https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample/$id',
-                                    },
-                                ],
-                            },
-                        ],
-                    },
-                },
-                locals: {}
-            }
-        })
-        console.debug('返回的组件html：' + wrapper.html())
-        expect(wrapper.exists()).toBe(true)
-    })
-})
+import { mount } from '@vue/test-utils'
+import AMisRender from '@vue2-client/base-client/components/common/AMisRender/index.vue'
+import { it, describe, expect } from '@jest/globals'
+
+describe('AmisRender', () => {
+    // 测试用例：正确渲染组件
+    it('renders correctly', () => {
+        const wrapper = mount(AMisRender, {
+            // 组件必要的传参
+            propsData: {
+                schema: {
+                    title: '${siteName}：这是 AMIS 表格页面示例',
+                    remark: '嘿，不保证数据准确性',
+                    type: 'page',
+                    body: {
+                        type: 'crud',
+                        draggable: true,
+                        api: 'https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample',
+                        keepItemSelectionOnPageChange: true,
+                        autoGenerateFilter: true,
+                        bulkActions: [
+                            {
+                                type: 'button',
+                                label: '批量删除',
+                                actionType: 'ajax',
+                                api: 'delete:https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample/${ids|raw}',
+                                confirmText: '确定要批量删除?',
+                            },
+                            {
+                                type: 'button',
+                                label: '批量修改',
+                                actionType: 'dialog',
+                                dialog: {
+                                    title: '批量编辑',
+                                    name: 'sample-bulk-edit',
+                                    body: {
+                                        type: 'form',
+                                        api: 'https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample/bulkUpdate2',
+                                        body: [
+                                            {
+                                                type: 'hidden',
+                                                name: 'ids',
+                                            },
+                                            {
+                                                type: 'input-text',
+                                                name: 'engine',
+                                                label: 'Engine',
+                                            },
+                                        ],
+                                    },
+                                },
+                            },
+                        ],
+                        quickSaveApi:
+                            'https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample/bulkUpdate',
+                        quickSaveItemApi:
+                            'https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample/$id',
+                        headerToolbar: [
+                            'bulkActions',
+                            {
+                                type: 'button',
+                                label: '重置测试数据',
+                                actionType: 'ajax',
+                                size: 'sm',
+                                api: 'https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample/reset',
+                            },
+                            'export-excel',
+                            {
+                                type: 'tpl',
+                                tpl: '一共有 ${count} 行数据。',
+                                className: 'v-middle',
+                            },
+                            {
+                                type: 'columns-toggler',
+                                align: 'right',
+                                draggable: true,
+                            },
+                            {
+                                type: 'drag-toggler',
+                                align: 'right',
+                            },
+                        ],
+                        footerToolbar: ['statistics', 'switch-per-page', 'pagination'],
+                        columns: [
+                            {
+                                name: 'id',
+                                label: 'ID',
+                                width: 20,
+                                sortable: true,
+                                type: 'text',
+                                searchable: {
+                                    type: 'input-text',
+                                    name: 'id',
+                                    label: '主键',
+                                    placeholder: '输入id',
+                                },
+                            },
+                            {
+                                name: 'browser',
+                                label: 'Browser',
+                                searchable: {
+                                    type: 'select',
+                                    name: 'browser',
+                                    label: '浏览器',
+                                    placeholder: '选择浏览器',
+                                    options: [
+                                        {
+                                            label: 'Internet Explorer ',
+                                            value: 'ie',
+                                        },
+                                        {
+                                            label: 'AOL browser',
+                                            value: 'aol',
+                                        },
+                                        {
+                                            label: 'Firefox',
+                                            value: 'firefox',
+                                        },
+                                    ],
+                                },
+                            },
+                            {
+                                name: 'platform',
+                                label: '平台',
+                                popOver: {
+                                    trigger: 'hover',
+                                    body: {
+                                        type: 'tpl',
+                                        tpl: '就是为了演示有个叫 popOver 的功能',
+                                    },
+                                },
+                                sortable: true,
+                                type: 'text',
+                            },
+                            {
+                                name: 'grade',
+                                label: 'CSS 等级',
+                                type: 'select',
+                                options: ['A', 'B', 'C', 'D', 'X'],
+                            },
+                            {
+                                type: 'operation',
+                                label: '操作',
+                                width: 100,
+                                buttons: [
+                                    {
+                                        type: 'button',
+                                        actionType: 'ajax',
+                                        label: '删除',
+                                        confirmText: '您确认要删除?',
+                                        api: 'delete:https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample/$id',
+                                    },
+                                ],
+                            },
+                        ],
+                    },
+                },
+                locals: {}
+            }
+        })
+        console.debug('返回的组件html：' + wrapper.html())
+        expect(wrapper.exists()).toBe(true)
+    })
+})