@bsgoal/common 2.16.6 → 2.17.0

package/src/components/bsgoal-base-frame/demo.vue

@@ -1,35 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-04-10 15:58:55
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-11 14:00:19
- * @FilePath: \common\src\components\bsgoal-base-frame\demo.vue
- * @Description: 内容框架公共组件演示
- * 
--->
-
-<template>
-  <div class="bsgoal-base-frame-demo">
-      <BsgoalBaseFrame />
-  </div>
-</template>
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import BsgoalBaseFrame from './index.vue'
-import { ref, computed, toRefs, watch, unref
-} from 'vue';
-
-defineOptions({
-  name: 'BsgoalBaseFrameDemo'
-})
-
-</script>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

package/src/components/bsgoal-base-frame/index.vue

@@ -1,28 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-04-10 15:58:47
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-11 14:06:54
- * @FilePath: \common\src\components\bsgoal-base-frame\index.vue
- * @Description: 内容框架公共组件
- * 
--->
-<template>
-  <div class="bsgoal-base-frame">
-      
-  </div>
-</template>
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, computed, toRefs, watch, unref
-} from 'vue';
-
-defineOptions({
-  name: 'BsgoalBaseFrame'
-})
-</script>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

package/src/components/bsgoal-base-input/demo.vue

@@ -1,48 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-29 09:38:59
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-07-11 09:36:34
- * @FilePath: \common\src\components\bsgoal-base-input\demo.vue
- * @Description: Input 输入框 演示
- * 
--->
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-import BsgoalBaseInput from './index.vue'
-defineOptions({
-  name: 'BsgoalBaseInputDemo'
-})
-const props = defineProps({})
-
-const inputValue = ref('')
-
-const test = () => {
-  inputValue.value = '666'
-}
-</script>
-<template>
-  <div class="bsgoal-base-input-demo">
-    <div class="base_input_demo">
-      {{ inputValue }}
-      <BsgoalBaseInput
-        v-model="inputValue"
-      >
-       <template #suffix>
-           <div>111</div>
-       </template>
-      </BsgoalBaseInput>
-      <el-button type="primary" @click="test">测试</el-button>
-    </div>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

package/src/components/bsgoal-base-input/index.vue

@@ -1,174 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-29 09:38:52
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-07-12 09:25:21
- * @FilePath: \common\src\components\bsgoal-base-input\index.vue
- * @Description:  Input 输入框
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, watch, watchEffect, useSlots } from 'vue'
-
-defineOptions({
-  name: 'BsgoalBaseInput'
-})
-
-const props = defineProps({
-  /**
-   * value
-   */
-  modelValue: {
-    type: [String, Number],
-    default: ''
-  },
-  /**
-   * placeholder
-   */
-  placeholder: {
-    type: [String],
-    default: '请输入'
-  },
-  /**
-   * 禁用状态
-   */
-  disabled: {
-    type: [Boolean],
-    default: false
-  },
-  /**
-   * 输入值格式
-   */
-  formatter: {
-    type: [Function],
-    default: () => {
-      return (v) => v
-    }
-  },
-  /**
-   * 提取值
-   */
-  parser: {
-    type: [Function],
-    default: () => {
-      return (v) => v
-    }
-  },
-  /**
-   * 显示清楚按钮
-   */
-  clearable: {
-    type: [Boolean],
-    default: true
-  }
-})
-
-const emits = defineEmits(['update:modelValue', 'change' , 'blur' ,'focus'])
-
-// ---> S 值绑定 <---
-
-const inputValue = ref('')
-
-watchEffect(() => {
-  inputValue.value = props.modelValue
-})
-
-// ---> E 值绑定 <---
-
-// ---> S 事件  <---
-
-/**
- * @Author: canlong.shen
- * @description: 触发 变动输入
- * @default:
- * @return {*}
- */
-const change = (value = '') => {
-  emits('change', value)
-  emits('update:modelValue', value)
-}
-/**
- * @Author: canlong.shen
- * @description: 触发 清空输入
- * @default:
- * @return {*}
- */
-const clear = (value = '') => {
-  emits('clear', value)
-  emits('update:modelValue', value)
-}
-/**
- * @Author: canlong.shen
- * @description: 触发 输入事件
- * @default:
- * @return {*}
- */
-const input = (value = '') => {
-  emits('input', value)
-  emits('update:modelValue', value)
-}
-
-/**
- * @Author: canlong.shen
- * @description: 当选择器的输入框失去焦点时触发
- * @param {*} value
- * @default: 
- * @return {*}
- */
-const blur = (value = '') => {
-  emits('input', value)
-}
-
-/**
- * @Author: canlong.shen
- * @description: 当选择器的输入框失去焦点时触发
- * @param {*} value
- * @default: 
- * @return {*}
- */
-const focus = (value = '') => {
-  emits('focus', value)
-}
-
-// ---> E 事件  <---
-
-// ---> S 插槽 <---
-const slots = useSlots()
-const slotNames = ref(Object.keys(slots))
-// ---> E 插槽 <---
-</script>
-
-<template>
-  <div class="bsgoal-base-input">
-    <el-input
-      v-model="inputValue"
-      class="base_input"
-      :clearable="clearable"
-      :placeholder="placeholder"
-      :disabled="disabled"
-      :formatter="formatter"
-      :parser="parser"
-      @change="change"
-      @clear="clear"
-      @input="input"
-      @blur="blur"
-      @focus="focus"
-    >
-      <!-- S 输入框头部内容 -->
-      <template #[slotName] v-for="slotName of slotNames">
-        <slot :name="slotName"></slot>
-      </template>
-    </el-input>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

package/src/components/bsgoal-base-item/demo.vue

@@ -1,46 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-24 17:46:26
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-24 18:31:39
- * @FilePath: \common\src\components\bsgoal-base-item\demo.vue
- * @Description: 表单项 演示
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-import BsgoalBaseItem from './index.vue'
-import BsgoalBaseSwitch  from '../bsgoal-base-switch/index.vue';
-
-defineOptions({
-  name: 'BsgoalBaseItemDemo'
-})
-
-const props = defineProps({})
-
-const switchModelValue = ref('0')
-</script>
-<template>
-  <div class="bsgoal-base-item-demo">
-    <div class="base_item_demo">
-      <BsgoalBaseItem label="是否开通接听值班表设置">
-        <template #content>
-          <div>
-            <BsgoalBaseSwitch v-model="switchModelValue" />
-          </div>
-        </template>
-      </BsgoalBaseItem>
-    </div>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

package/src/components/bsgoal-base-item/index.vue

@@ -1,66 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-24 17:46:21
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-24 18:27:22
- * @FilePath: \common\src\components\bsgoal-base-item\index.vue
- * @Description: 表单项 
- * 
--->
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-
-defineOptions({
-  name: 'BsgoalBaseItem'
-})
-
-const props = defineProps({
-  /**
-   * label 后缀
-   */
-  suffix: {
-    type: [String],
-    default: ':'
-  },
-  /**
-   * label
-   */
-  label: {
-    type: [String],
-    default: ':'
-  }
-})
-</script>
-<template>
-  <div class="bsgoal-base-item">
-    <div class="base_item">
-      <div class="base_item_label">
-        <slot name="label">{{ label }}</slot> <span>{{ suffix }}</span>
-      </div>
-      <div class="base_item_contetn">
-        <slot name="content"></slot>
-      </div>
-    </div>
-  </div>
-</template>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-.bsgoal-base-item {
-  .base_item {
-    display: flex;
-    align-items: center;
-  }
-  .base_item_label {
-    display: flex;
-    align-items: center;
-    font-size: 14px;
-    color: #606266;
-    height: 32px;
-    line-height: 32px;
-    padding-right: 12px;
-  }
-}
-</style>

package/src/components/bsgoal-base-layout/demo.vue

@@ -1,48 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-20 13:51:53
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-20 14:48:43
- * @FilePath: \common\src\components\bsgoal-base-layout\demo.vue
- * @Description: 布局组件 演示
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-import BsgoalBaseLayout from './index.vue'
-
-defineOptions({
-  name: 'BsgoalBaseLayoutDemo'
-})
-
-const props = defineProps({})
-</script>
-<template>
-  <div class="bsgoal-base-layout-demo">
-    <BsgoalBaseLayout>
-      <template #area>
-        <div>0</div>
-      </template>
-      <template #area1>
-        <div>1</div>
-      </template>
-      <template #area2>
-        <div>2</div>
-      </template>
-      <template #area13>
-        <div>3</div>
-      </template>
-    </BsgoalBaseLayout>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

package/src/components/bsgoal-base-layout/index.vue

@@ -1,57 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-20 13:51:38
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-20 15:22:33
- * @FilePath: \common\src\components\bsgoal-base-layout\index.vue
- * @Description: 响应式 布局
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, useSlots } from 'vue'
-
-defineOptions({
-  name: 'BsgoalBaseLayout'
-})
-const props = defineProps({
-  /**
-   * 间隔
-   */
-  gutter: {
-    type: [Number],
-    default: 0
-  },
-  /**
-   * 划分的比例
-   */
-  ratio: {
-    type: [Number],
-    default: 12
-  }
-})
-
-// ---> S 插槽 <---
-const slots = useSlots()
-const slotNames = ref(Object.keys(slots))
-// ---> E 插槽 <---
-</script>
-<template>
-  <div class="bsgoal-base-layout">
-    <el-row class="base_layout" :gutter="gutter">
-      <template v-for="(name, key) of slotNames" :key="key">
-        <el-col :xs="24" :sm="24" :md="ratio" :lg="ratio" :xl="ratio">
-          <slot :name="name"></slot>
-        </el-col>
-      </template>
-    </el-row>
-  </div>
-</template>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-.bsgoal-base-layout {
-}
-</style>

package/src/components/bsgoal-base-line/demo.vue

@@ -1,41 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-04-13 17:14:13
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-13 17:51:52
- * @FilePath: \common\src\components\bsgoal-base-line\demo.vue
- * @Description: 分割线公共组件 演示 
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import  BsgoalBaseLine from './index.vue'
-import { ref } from 'vue';
-
-defineOptions({
-  name: 'BsgoalBaseLineDemo'
-})
-
- const props = defineProps({
-
-})
-</script>
-<template>
-  <div class="bsgoal-base-line-demo" >
-       <BsgoalBaseLine  />
-       <BsgoalBaseLine vertical />
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-.bsgoal-base-line-demo {
-    height: 100%;
-}
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

package/src/components/bsgoal-base-line/index.vue

@@ -1,70 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-04-13 17:12:43
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-20 19:14:29
- * @FilePath: \common\src\components\bsgoal-base-line\index.vue
- * @Description: 分割线公共组件
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, inject, watchEffect } from 'vue'
-
-defineOptions({
-  name: 'BsgoalBaseLine'
-})
-
-const props = defineProps({
-  /**
-   * 是否为垂直
-   */
-  vertical: {
-    type: [Boolean],
-    default: false
-  }
-})
-
-// ---> S 左侧机构树折叠状态 <---
-const TREE_SWITCH_STATUS = inject('TREE_SWITCH_STATUS')
-// ---> E 左侧机构树折叠状态 <---
-</script>
-
-<template>
-  <div class="bsgoal-base-line" :class="{ 'bsgoal-base-line__vertical': vertical }">
-    <div
-      class="base_line"
-      :class="{
-        'base_line__vertical': vertical,
-        'bsgoal-base-line__fill': TREE_SWITCH_STATUS === false
-      }"
-    ></div>
-  </div>
-</template>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-.bsgoal-base-line {
-  .base_line {
-    height: 10px;
-    background-color: #f0f2f5;
-  }
-
-  .bsgoal-base-line__vertical {
-    display: inline-block;
-    height: 100%;
-  }
-  .base_line__vertical {
-    width: 10px;
-    height: 100%;
-  }
-
-  .bsgoal-base-line__fill {
-    position: absolute;
-    left: 0;
-    right: 0;
-  }
-}
-</style>

package/src/components/bsgoal-base-link/demo.vue

@@ -1,38 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-10 13:40:43
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-10 13:55:36
- * @FilePath: \common\src\components\bsgoal-base-link\demo.vue
- * @Description: 链接公共组件 演示
- * 
--->
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-import BsgoalBaseLink from './index.vue'
-
-defineOptions({
-  name: 'BsgoalBaseLinkDemo'
-})
-const props = defineProps({})
-
-const clickLink = () => {
-  console.log('点击链接了')
-}
-</script>
-<template>
-  <div class="bsgoal-base-link-demo">
-    <BsgoalBaseLink content="这是链接" @on-click="clickLink" />
-    <BsgoalBaseLink underline content="这是链接" @on-click="clickLink" />
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>