ct-component-plus 0.0.43 → 0.0.44

package/packages/components/empty/src/empty.vue

@@ -1,98 +1,98 @@
-<template>
-  <div :class="[ns.b(), ns.m(type)]">
-    <div :class="ns.e('container')">
-      <template v-if="imgSrc">
-        <img :src="imgSrc" alt="" :class="[ns.e('img')]" />
-      </template>
-      <template v-else>
-        <img :src="showSrc" alt="" :class="[ns.e('img')]" />
-      </template>
-      <div :class="ns.em('img', 'inner')" v-if="innerText">{{ innerText }}</div>
-      <div :class="ns.em('img', 'inner')" v-else>
-        <slot name="inner"></slot>
-      </div>
-    </div>
-    <div :class="ns.e('hint')" v-if="outerText">{{ outerText }}</div>
-    <div :class="ns.e('hint')" v-else>
-      <slot name="outer"></slot>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed } from "vue";
-import { useNamespace } from "../../../hooks/use-namespace";
-
-const ns = useNamespace("empty");
-
-const props = defineProps({
-  type: {
-    type: String,
-    default: "no-data",
-  },
-  imgSrc: {
-    type: String,
-  },
-  innerText: {
-    type: String,
-  },
-  outerText: {
-    type: String,
-  },
-});
-
-const srcList = [
-  {
-    type: "no-data",
-    src: "http://ctfront.oss-cn-hangzhou.aliyuncs.com/Front/cingta-component/v2/no_data.png",
-  },
-  {
-    type: "404",
-    src: "http://ctfront.oss-cn-hangzhou.aliyuncs.com/Front/cingta-component/v2/404.png",
-  },
-  {
-    type: "500",
-    src: "http://ctfront.oss-cn-hangzhou.aliyuncs.com/Front/cingta-component/v2/500.png",
-  },
-  {
-    type: "502",
-    src: "http://ctfront.oss-cn-hangzhou.aliyuncs.com/Front/cingta-component/v2/502.png",
-  },
-];
-const showSrc = computed(() => {
-  return srcList.find((item) => item.type === props.type)?.src;
-});
-</script>
-
-<style lang='less'>
-.ct-empty {
-  width: 100%;
-  height: 100%;
-  min-height: 300px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  &__container {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  &__img {
-    width: 300px;
-    height: 300px;
-
-    &--inner {
-      position: absolute;
-      bottom: 10px;
-      color: var(--ct-color-grey-transition);
-    }
-  }
-  &__hint {
-    margin-top: 10px;
-    color: var(--ct-color-grey-transition);
-  }
-}
+<template>
+  <div :class="[ns.b(), ns.m(type)]">
+    <div :class="ns.e('container')">
+      <template v-if="imgSrc">
+        <img :src="imgSrc" alt="" :class="[ns.e('img')]" />
+      </template>
+      <template v-else>
+        <img :src="showSrc" alt="" :class="[ns.e('img')]" />
+      </template>
+      <div :class="ns.em('img', 'inner')" v-if="innerText">{{ innerText }}</div>
+      <div :class="ns.em('img', 'inner')" v-else>
+        <slot name="inner"></slot>
+      </div>
+    </div>
+    <div :class="ns.e('hint')" v-if="outerText">{{ outerText }}</div>
+    <div :class="ns.e('hint')" v-else>
+      <slot name="outer"></slot>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import { useNamespace } from "../../../hooks/use-namespace";
+
+const ns = useNamespace("empty");
+
+const props = defineProps({
+  type: {
+    type: String,
+    default: "no-data",
+  },
+  imgSrc: {
+    type: String,
+  },
+  innerText: {
+    type: String,
+  },
+  outerText: {
+    type: String,
+  },
+});
+
+const srcList = [
+  {
+    type: "no-data",
+    src: "http://ctfront.oss-cn-hangzhou.aliyuncs.com/Front/cingta-component/v2/no_data.png",
+  },
+  {
+    type: "404",
+    src: "http://ctfront.oss-cn-hangzhou.aliyuncs.com/Front/cingta-component/v2/404.png",
+  },
+  {
+    type: "500",
+    src: "http://ctfront.oss-cn-hangzhou.aliyuncs.com/Front/cingta-component/v2/500.png",
+  },
+  {
+    type: "502",
+    src: "http://ctfront.oss-cn-hangzhou.aliyuncs.com/Front/cingta-component/v2/502.png",
+  },
+];
+const showSrc = computed(() => {
+  return srcList.find((item) => item.type === props.type)?.src;
+});
+</script>
+
+<style lang='less'>
+.ct-empty {
+  width: 100%;
+  height: 100%;
+  min-height: 300px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  &__container {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  &__img {
+    width: 300px;
+    height: 300px;
+
+    &--inner {
+      position: absolute;
+      bottom: 10px;
+      color: var(--ct-color-grey-transition);
+    }
+  }
+  &__hint {
+    margin-top: 10px;
+    color: var(--ct-color-grey-transition);
+  }
+}
 </style>

package/packages/components/index.js

@@ -1,82 +1,82 @@
-import button from './button';
-import radio from './radio';
-import checkbox from './checkbox';
-import input from './input';
-import inputRange from './input-range';
-import select from './select';
-import yearSelect from './year-select';
-import datePicker from './date-picker';
-import cascader from './cascader';
-import tabs from './tabs';
-import pagination from './pagination';
-import menu from './menu';
-
-import searchBox from './search-box';
-import table from './table';
-import empty from "./empty";
-import dialog from "./dialog";
-import messageBox from './message-box';
-import CtMessage from './message';
-
-import CtLoading from './loading';
-import CtPage from './page';
-
-import ElementPlus from 'element-plus'
-import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
-import cingtaIcon from 'cingta-icon';
-// import cingtaIcon from '../../icon/components/index';
-import { isObject } from '../utils';
-// import '../style';
-
-const components = [
-  button,
-  radio,
-  checkbox,
-  input,
-  inputRange,
-  select,
-  yearSelect,
-  datePicker,
-  cascader,
-  tabs,
-  pagination,
-  menu,
-  searchBox,
-  table,
-  empty,
-  dialog,
-  messageBox,
-  CtMessage,
-  CtLoading,
-  CtPage
-]
-
-const serviceConfig = {
-  defaultMethod: 'post'
-}
-
-const install = function (app, options) {
-  components.forEach(c => app.use(c))
-  app.use(ElementPlus, { locale: zhCn, });
-  app.use(cingtaIcon)
-  let serviceOptions = {}
-  if (isObject(options)) {
-    const { tableEmptyDom, selectTooltip = false } = options;
-    if (!options.baseDao) {
-      console.warn('当前使用的组件库没有配置baseDao')
-    } else {
-      app.provide('$ctBaseDao', options.baseDao)
-    }
-    app.provide('$selectTooltip', selectTooltip)
-    if (isObject(options.serviceOptions)) serviceOptions = options.serviceOptions;
-    if (isObject(options.searchBoxComponent)) app.provide('$userDefinedSearchComponent', options.searchBoxComponent)
-    if (isObject(tableEmptyDom)) app.provide('$tableEmptyDom', tableEmptyDom)
-  }
-  app.provide('$ctServiceConfig', { ...serviceConfig, ...serviceOptions })
-}
-
-export default {
-  install
-}
-export { CtMessage }
+import button from './button';
+import radio from './radio';
+import checkbox from './checkbox';
+import input from './input';
+import inputRange from './input-range';
+import select from './select';
+import yearSelect from './year-select';
+import datePicker from './date-picker';
+import cascader from './cascader';
+import tabs from './tabs';
+import pagination from './pagination';
+import menu from './menu';
+
+import searchBox from './search-box';
+import table from './table';
+import empty from "./empty";
+import dialog from "./dialog";
+import messageBox from './message-box';
+import CtMessage from './message';
+
+import CtLoading from './loading';
+import CtPage from './page';
+
+import ElementPlus from 'element-plus'
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import cingtaIcon from 'cingta-icon';
+// import cingtaIcon from '../../icon/components/index';
+import { isObject } from '../utils';
+// import '../style';
+
+const components = [
+  button,
+  radio,
+  checkbox,
+  input,
+  inputRange,
+  select,
+  yearSelect,
+  datePicker,
+  cascader,
+  tabs,
+  pagination,
+  menu,
+  searchBox,
+  table,
+  empty,
+  dialog,
+  messageBox,
+  CtMessage,
+  CtLoading,
+  CtPage
+]
+
+const serviceConfig = {
+  defaultMethod: 'post'
+}
+
+const install = function (app, options) {
+  components.forEach(c => app.use(c))
+  app.use(ElementPlus, { locale: zhCn, });
+  app.use(cingtaIcon)
+  let serviceOptions = {}
+  if (isObject(options)) {
+    const { tableEmptyDom, selectTooltip = false } = options;
+    if (!options.baseDao) {
+      console.warn('当前使用的组件库没有配置baseDao')
+    } else {
+      app.provide('$ctBaseDao', options.baseDao)
+    }
+    app.provide('$selectTooltip', selectTooltip)
+    if (isObject(options.serviceOptions)) serviceOptions = options.serviceOptions;
+    if (isObject(options.searchBoxComponent)) app.provide('$userDefinedSearchComponent', options.searchBoxComponent)
+    if (isObject(tableEmptyDom)) app.provide('$tableEmptyDom', tableEmptyDom)
+  }
+  app.provide('$ctServiceConfig', { ...serviceConfig, ...serviceOptions })
+}
+
+export default {
+  install
+}
+export { CtMessage }
 export * from 'element-plus'

package/packages/components/input/index.js

@@ -1,8 +1,8 @@
-import CtInput from './src/input.vue';
-
-/* istanbul ignore next */
-CtInput.install = function (Vue) {
-  Vue.component('CtInput', CtInput);
-};
-
+import CtInput from './src/input.vue';
+
+/* istanbul ignore next */
+CtInput.install = function (Vue) {
+  Vue.component('CtInput', CtInput);
+};
+
 export default CtInput;

package/packages/components/input/src/index.js

@@ -1,14 +1,14 @@
-import { buriedParamsKey, searchComponentProps } from '../../../hooks';
-
-export const inputEmits = ["update:modelValue", buriedParamsKey];
-export const inputProps = {
-  ...searchComponentProps,
-  modelValue: String,
-  password: Boolean,
-  clearable: Boolean,
-  type: {
-    type: String,
-    default: "text",
-  },
-  unit: String,
+import { buriedParamsKey, searchComponentProps } from '../../../hooks';
+
+export const inputEmits = ["update:modelValue", buriedParamsKey];
+export const inputProps = {
+  ...searchComponentProps,
+  modelValue: String,
+  password: Boolean,
+  clearable: Boolean,
+  type: {
+    type: String,
+    default: "text",
+  },
+  unit: String,
 }

package/packages/components/input/src/input.vue

@@ -1,107 +1,107 @@
-<template>
-  <el-input
-    :class="[ns.b()]"
-    v-model="showValue"
-    :type="currType"
-    v-bind="rawAttr"
-    ref="inputRef"
-  >
-    <template #prefix>
-      <slot name="prefix"></slot>
-    </template>
-    <template #suffix>
-      <slot name="suffix"> </slot>
-      <span v-if="unit" :class="[ns.e('unit')]">{{ unit }}</span>
-      <ct-icon
-        v-if="clearable && showValue"
-        :class="[ns.e('clearable')]"
-        name="close_line"
-        @click="showValue = ''"
-      />
-      <template v-if="password && showValue">
-        <span :class="[ns.e('password')]" @click="switchPassword">
-          <ct-icon v-if="currType === 'password'" name="preview-close2_line" />
-          <ct-icon v-else name="preview-open_line" />
-        </span>
-      </template>
-    </template>
-  </el-input>
-</template>
-
-<script setup>
-import { onMounted, computed, ref } from "vue";
-import { useNamespace, useBuriedParams } from "../../../hooks";
-import { inputEmits, inputProps } from "./index";
-const props = defineProps(inputProps);
-const emit = defineEmits(inputEmits);
-
-useBuriedParams(props, emit);
-const ns = useNamespace("input");
-
-const inputRef = ref(null);
-const currType = ref(props.type);
-const showValue = computed({
-  get() {
-    return props.modelValue;
-  },
-  set(newValue) {
-    emit("update:modelValue", newValue);
-  },
-});
-
-const switchPassword = () => {
-  currType.value = currType.value === "password" ? "text" : "password";
-};
-
-onMounted(() => {
-  if (props.password) {
-    currType.value = "password";
-  }
-});
-defineExpose({
-  ref: inputRef,
-});
-</script>
-<style lang='less'>
-.ct-input {
-  @R: .ct-input;
-  --ct-input-focus-color: var(--ct-color-primary);
-  --ct-input-focus-hover-color: var(--ct-color-primary);
-  --ct-input-default-width: var(--ct-component-width);
-  &.el-input {
-    width: var(--ct-input-default-width);
-  }
-  &__unit {
-    color: var(--ct-color-grey-sub);
-  }
-  &__clearable {
-    // --ct-input-focus-hover-color: var(--ct-color-danger);
-  }
-  & &__clearable {
-    cursor: pointer;
-    opacity: 0;
-  }
-  &__password {
-    cursor: pointer;
-    color: var(--ct-color-black);
-  }
-  .el-input__inner {
-    &:focus {
-      & + .el-input__suffix {
-        @{R}__clearable {
-          opacity: 1;
-          color: var(--ct-input-focus-color);
-          &:hover {
-            color: var(--ct-input-focus-hover-color);
-          }
-        }
-      }
-    }
-  }
-  &:hover {
-    @{R}__clearable {
-      opacity: 1;
-    }
-  }
-}
+<template>
+  <el-input
+    :class="[ns.b()]"
+    v-model="showValue"
+    :type="currType"
+    v-bind="rawAttr"
+    ref="inputRef"
+  >
+    <template #prefix>
+      <slot name="prefix"></slot>
+    </template>
+    <template #suffix>
+      <slot name="suffix"> </slot>
+      <span v-if="unit" :class="[ns.e('unit')]">{{ unit }}</span>
+      <ct-icon
+        v-if="clearable && showValue"
+        :class="[ns.e('clearable')]"
+        name="close_line"
+        @click="showValue = ''"
+      />
+      <template v-if="password && showValue">
+        <span :class="[ns.e('password')]" @click="switchPassword">
+          <ct-icon v-if="currType === 'password'" name="preview-close2_line" />
+          <ct-icon v-else name="preview-open_line" />
+        </span>
+      </template>
+    </template>
+  </el-input>
+</template>
+
+<script setup>
+import { onMounted, computed, ref } from "vue";
+import { useNamespace, useBuriedParams } from "../../../hooks";
+import { inputEmits, inputProps } from "./index";
+const props = defineProps(inputProps);
+const emit = defineEmits(inputEmits);
+
+useBuriedParams(props, emit);
+const ns = useNamespace("input");
+
+const inputRef = ref(null);
+const currType = ref(props.type);
+const showValue = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(newValue) {
+    emit("update:modelValue", newValue);
+  },
+});
+
+const switchPassword = () => {
+  currType.value = currType.value === "password" ? "text" : "password";
+};
+
+onMounted(() => {
+  if (props.password) {
+    currType.value = "password";
+  }
+});
+defineExpose({
+  ref: inputRef,
+});
+</script>
+<style lang='less'>
+.ct-input {
+  @R: .ct-input;
+  --ct-input-focus-color: var(--ct-color-primary);
+  --ct-input-focus-hover-color: var(--ct-color-primary);
+  --ct-input-default-width: var(--ct-component-width);
+  &.el-input {
+    width: var(--ct-input-default-width);
+  }
+  &__unit {
+    color: var(--ct-color-grey-sub);
+  }
+  &__clearable {
+    // --ct-input-focus-hover-color: var(--ct-color-danger);
+  }
+  & &__clearable {
+    cursor: pointer;
+    opacity: 0;
+  }
+  &__password {
+    cursor: pointer;
+    color: var(--ct-color-black);
+  }
+  .el-input__inner {
+    &:focus {
+      & + .el-input__suffix {
+        @{R}__clearable {
+          opacity: 1;
+          color: var(--ct-input-focus-color);
+          &:hover {
+            color: var(--ct-input-focus-hover-color);
+          }
+        }
+      }
+    }
+  }
+  &:hover {
+    @{R}__clearable {
+      opacity: 1;
+    }
+  }
+}
 </style>

package/packages/components/input-range/index.js

@@ -1,8 +1,8 @@
-import CtInputRange from './src/input-range.vue';
-
-/* istanbul ignore next */
-CtInputRange.install = function (Vue) {
-  Vue.component('CtInputRange', CtInputRange);
-};
-
+import CtInputRange from './src/input-range.vue';
+
+/* istanbul ignore next */
+CtInputRange.install = function (Vue) {
+  Vue.component('CtInputRange', CtInputRange);
+};
+
 export default CtInputRange;