@gx-design-vue/create-gx-cli 0.0.4 → 0.0.5

package/template-design-pro/src/design/normalize.less

@@ -0,0 +1,390 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  h1,
+  h2,
+  h3,
+  h5,
+  h6,
+  p {
+    box-sizing: border-box;
+    padding: 0;
+    margin: 0;
+    vertical-align: baseline;
+    border: 0;
+    outline: 0;
+  }
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+canvas {
+  display: block;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box;
+  /* 1 */
+  height: 0;
+  /* 1 */
+  overflow: visible;
+  /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  text-decoration: underline;
+  /* 2 */
+  text-decoration: underline dotted;
+  /* 2 */
+  border-bottom: none;
+  /* 1 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  margin: 0;
+  /* 2 */
+  font-family: inherit;
+  /* 1 */
+  font-size: 100%;
+  /* 1 */
+  line-height: 1.15;
+  /* 1 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input {
+  /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select {
+  /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box;
+  /* 1 */
+  display: table;
+  /* 1 */
+  max-width: 100%;
+  /* 1 */
+  padding: 0;
+  /* 3 */
+  color: inherit;
+  /* 2 */
+  white-space: normal;
+  /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type='checkbox'],
+[type='radio'] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type='search'] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}

package/template-design-pro/src/global.less

@@ -0,0 +1,15 @@
+@import './design/index.less';
+@import './assets/menu_font/index.less';
+
+#gx-pro-admin {
+  height: 100%;
+}
+
+.customicon {
+  font-style: normal;
+  color: inherit;
+  text-align: center;
+  text-transform: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+}

package/template-design-pro/src/hooks/core/index.ts

@@ -0,0 +1,3 @@
+import useRequest from './useRequest'
+
+export { useRequest }

package/template-design-pro/src/hooks/core/useRequest/index.ts

@@ -0,0 +1,70 @@
+import type { Ref, WatchSource } from 'vue'
+import { ref, watch, computed, isRef } from 'vue'
+import { useDebounceFn } from '@vueuse/core'
+import { useState } from '@gx-design-vue/pro-hooks'
+import { cloneDeep } from 'lodash-unified'
+
+function useRequest<R, P = any>(
+  service: (opt: any) => Promise<ResponseResult<R>>,
+  options?: {
+    params?: any;
+    manual?: boolean;
+    ready?: Ref<boolean>;
+    onBefore?: () => void;
+    debounceInterval?: number;
+    refreshDeps?: WatchSource[];
+    refreshDepsAction?: () => Promise<any>;
+  }
+) {
+  const ready = computed(() => {
+    return !isRef(options?.ready?.value) || options?.ready?.value === undefined ? true : options?.ready?.value
+  })
+
+  const [ loading, setLoading ] = useState(false)
+  const data = ref<R>()
+  const params = ref<P>()
+
+  const query = async (opt: Recordable = {}) => {
+    setLoading(true)
+    params.value = { ...opt, ...(options?.params || {}) } as P
+    const response: ResponseResult<R> = await service(params.value)
+    if (response) {
+      data.value = cloneDeep(response.data)
+    }
+    setLoading(false)
+  }
+
+  const run = useDebounceFn(query, options.debounceInterval)
+
+  const refresh = () => run()
+
+  if (!options.manual) {
+    params.value = { ...(options?.params || {}) } as P
+    run()
+  }
+
+  if (options.refreshDeps?.length) {
+    watch(options.refreshDeps, () => {
+      if (options.refreshDepsAction) options?.refreshDepsAction()
+      else run()
+    }, {
+      deep: true
+    })
+  }
+
+  watch(() => ready.value, (val) => {
+    if (val) run()
+  }, {
+    flush: 'sync'
+  })
+
+  return {
+    run,
+    refresh,
+    data,
+    params,
+    loading
+  }
+}
+
+export default useRequest

package/template-design-pro/src/hooks/event/index.ts

@@ -0,0 +1,3 @@
+import useClipboard from './useClipboard'
+
+export { useClipboard }

package/template-design-pro/src/hooks/event/useClipboard.ts

@@ -0,0 +1,14 @@
+import { useClipboard as useClipboardVue } from '@vueuse/core'
+import { message } from 'ant-design-vue'
+
+export default function useClipboard(msg?: string) {
+  const { text, copy, copied } = useClipboardVue()
+
+  watchEffect(() => {
+    if (copied.value && msg && text.value) {
+      message.success(msg)
+    }
+  })
+
+  return { copy, copied, text }
+}

package/template-design-pro/src/hooks/system/index.ts

@@ -0,0 +1,5 @@
+import { usePermissions } from './usePermissions'
+
+export {
+  usePermissions
+}

package/template-design-pro/src/hooks/system/useDict.ts

@@ -0,0 +1,62 @@
+import { computed, reactive } from 'vue'
+import { useStore } from '@gx-vuex'
+import { getDicts } from '@/services/system/dictData'
+import { onMountedOrActivated } from '@gx-design-vue/pro-hooks'
+import { isArray } from '@gx-design-vue/pro-utils'
+
+export function useDict(val: string | string[]) {
+  const dictData: any = reactive({})
+  const store = useStore()
+
+  const dict = store.dict.data
+
+  const getDictData = computed(() => dictData)
+
+  async function getDict() {
+    let response
+    if (typeof val === 'string') {
+      dictData[val] = {}
+      if (dict[val] && dict[val].length) {
+        dictData[val].data = dict[val]
+      } else {
+        dictData[val].loading = true
+        response = await getDicts(val)
+        if (response) {
+          const data = (response.data || [])
+          store.dict.setDictData(val, data)
+          dictData[val].data = data
+        }
+        dictData[val].loading = false
+      }
+      return
+    }
+
+    if (isArray(val)) {
+      for (let i = 0; i < val.length; i += 1) {
+        const dictType = val[i]
+        dictData[dictType] = {}
+        if (dict[dictType] && dict[dictType].length) {
+          dictData[dictType].data = dict[dictType]
+        } else {
+          dictData[dictType].loading = true
+          response = await getDicts(dictType)
+          if (response) {
+            const data = (response.data || [])
+            store.dict.setDictData(dictType, data)
+            dictData[dictType].data = data
+          }
+          dictData[dictType].loading = false
+        }
+      }
+      return
+    }
+  }
+
+  onMountedOrActivated(() => {
+    getDict()
+  })
+
+  return {
+    getDictData
+  }
+}

package/template-design-pro/src/hooks/system/usePermissions.ts

@@ -0,0 +1,39 @@
+import type { Ref } from 'vue'
+import { ref } from 'vue'
+import { useStore } from '@gx-vuex'
+import { isString, isArray, isObject } from '@gx-design-vue/pro-utils'
+
+export function usePermissions(): {
+  permission: Ref<boolean | object>;
+  hasPermission: (value: object | string | string[]) => void
+} {
+  const store = useStore()
+  const all_permission = ref('*:*:*')
+  const permissions = store.permission.ability
+  const permission = ref<object | boolean>({})
+
+  function hasPermission(value: object | string | string[]) {
+    if (value && isObject(value) && Object.keys(value).length > 0) {
+      Object.keys(value).map(item => {
+        let isExist = true
+        const permissionFlag = value[item]
+        const hasPermissions = permissions.some(el => {
+          return all_permission.value === el || permissionFlag.includes(el)
+        })
+        if (!hasPermissions) {
+          isExist = false
+        }
+        permission.value[item] = isExist
+        return item
+      })
+    } else if (isString(value) || isArray(value)) {
+      permission.value = permissions.some(el => {
+        return all_permission.value === el || (value as string[]).includes(el)
+      })
+    }
+  }
+  return {
+    permission,
+    hasPermission
+  }
+}

package/template-design-pro/src/hooks/typings.ts

@@ -0,0 +1,17 @@
+export type Fn = () => void
+
+
+export type FunctionArgs<Args extends any[] = any[], Return = void> = (...args: Args) => Return
+
+
+export interface FunctionWrapperOptions<Args extends any[] = any[], This = any> {
+  fn: FunctionArgs<Args, This>
+  args: Args
+  thisArg: This
+}
+
+export interface RenderableComponent {
+  as?: Object | string
+}
+
+