fit2cloud-ui-plus 0.0.1-beta.8 → 0.0.1-beta.9

package/src/components/steps/FuStepsFooter.ts

@@ -1,79 +0,0 @@
-import {
-  defineComponent,
-  h,
-  inject,
-  ref,
-  computed
-} from 'vue'
-export default defineComponent({
-  name: "FuStepsFooter",
-  setup(props, { emit }) {
-    const stepper = inject('stepper')
-    const disabledButton = ref(false)
-
-    const isFirst = computed(() => {
-      return stepper.isFirst(stepper.index);
-    })
-    const isLast = computed(() => {
-      return stepper.isLast(stepper.index);
-    })
-
-    const showCancel = computed(() => {
-      return stepper.showCancel !== false;
-    })
-
-    const disabled = computed(() => {
-      return stepper?.isLoading || disabledButton.value;
-    })
-    const button = (value: string) => {
-      return h(
-        'el-button',
-        {
-          disabled: disabled,
-          size: stepper.buttonSize,   // configSize
-          onClick: () => clickHandle(value)
-        },
-        stepper[`${value}ButtonText`]
-      );
-    };
-
-    function clickHandle(fnName: string) {
-      stepper[fnName]
-        ? stepper[fnName]()
-        : emit("stepperFn", fnName);
-      disabledButton.value = true;
-      setTimeout(() => {
-        disabledButton.value = false;
-      }, 500);
-    }
-    return () => {
-      return h(
-        'div',
-        {
-          class: `fu-steps__footer--${stepper.footerAlign}`,
-        },
-        [
-          h(
-            'div',
-            {
-              class: 'fu-steps__footer--block',
-              style: 'margin-right:10px'
-            },
-            showCancel && button("cancel")
-          ),
-          h(
-            'div',
-            {
-              class: 'fu-steps__footer--block',
-            },
-            [
-              !isFirst && button("prev"),
-              isLast ? button("finish") : button("next")
-            ]
-          ),
-        ]
-      );
-    }
-  }
-})
-

package/src/components/steps/FuVerticalNavigation.vue

@@ -1,35 +0,0 @@
-<template>
-  <el-steps :active="stepper.index" v-bind="stepper">
-    <el-step v-for="(step, i) in steps" :key="i" v-bind="step" @click="click(i)"
-      :class="disable(i) && 'fu-step--disable'">
-      <template #description>
-        <span>{{ step.description }}</span>
-        <el-collapse-transition>
-          <div class="fu-steps__container" v-if="i === stepper.index" :style="heightStyle">
-            <slot v-bind:step="step"></slot>
-          </div>
-        </el-collapse-transition>
-      </template>
-    </el-step>
-  </el-steps>
-</template>
-
-<script lang="ts" setup>
-import { computed } from "vue";
-const props = defineProps({
-  stepper: Object,
-  steps: Array,
-  disable: Function,
-})
-const emit = defineEmits(["active"])
-
-const heightStyle = computed(() => {
-  return {
-    height: parseInt(props.stepper?.height) + "px" || "auto",
-  };
-})
-
-function click(index: number) {
-  !props.disable(index) && emit("active", index);
-}
-</script>

package/src/components/steps/FuVerticalSteps.vue

@@ -1,79 +0,0 @@
-<script>
-import FuVerticalNavigation from "./FuVerticalNavigation.vue";
-import FuStepsFooter from "./FuStepsFooter";
-import { Stepper, Step } from "./Stepper";
-
-export default {
-  name: "FuVerticalSteps",
-  components: { FuVerticalNavigation, FuStepsFooter },
-  data() {
-    return {
-      stepper: new Stepper(),
-    };
-  },
-  created() {
-    this.stepper.activeSet.add(0);
-  },
-  provide() {
-    return {
-      stepper: this.stepper,
-    };
-  },
-  watch: {
-    "stepper.index"(value) {
-      this.$emit("change", this.stepper.steps[value]);
-    },
-  },
-  render() {
-    let currentNode;
-    let steps = [];
-    if (this.$slots.default) {
-      this.$slots.default.forEach((node, index) => {
-        const options = {
-          index: index,
-          ...node.data.attrs,
-        };
-        const step = new Step(options);
-        steps.push(step);
-        if (this.stepper.isCurrent(index)) {
-          currentNode = node;
-        }
-      });
-    }
-    this.stepper.steps = steps;
-    this.stepper = Object.assign(this.stepper, this.$attrs);
-    return (
-      <div class="fu-steps fu-steps--vertical">
-        <fu-vertical-navigation
-          stepper={this.stepper}
-          steps={steps}
-          v-on:active={this.active}
-          disable={this.disable} >
-          {currentNode}
-        </fu-vertical-navigation>
-        <div class="fu-steps__footer">
-          <fu-steps-footer vOn:stepperFn={this.$func} />
-        </div>
-      </div>
-    );
-  },
-
-  methods: {
-    active(index) {
-      this.stepper.active(index);
-    },
-    next() {
-      this.stepper.next();
-    },
-    prev() {
-      this.stepper.prev();
-    },
-    disable(index) {
-      return !this.stepper.isActive(index);
-    },
-    $func(name) {
-      this.$emit(name);
-    },
-  },
-};
-</script>

package/src/components/steps/Stepper.ts

@@ -1,188 +0,0 @@
-import { useLocale } from "@/hooks"
-const { t } = useLocale()
-
-interface StepperOptions {
-  steps: string
-  index: number
-  activeSet: any
-  isLoading?: string
-  cancelButtonText: string
-  finishButtonText: string
-  prevButtonText: string
-  nextButtonText: string
-  buttonSize: string
-  footerAlign: string
-  showCancel: any
-  beforeActive: Function
-  beforeLeave: Function
-  height: string
-}
-
-export class Stepper {
-  steps: string
-  index: number
-  activeSet: any
-  isLoading: string
-  cancelButtonText: string
-  finishButtonText: string
-  prevButtonText: string
-  nextButtonText: string
-  buttonSize: string
-  footerAlign: string
-  showCancel: any
-  beforeActive: Function
-  beforeLeave: Function
-  height: string
-  constructor(options?: StepperOptions) {
-    options = options || ({} as StepperOptions)
-    // 所有步骤节点(Step对象数组)
-    this.steps = options.steps
-    // 正在执行的节点的索引
-    this.index = options.index === undefined ? 0 : options.index
-    // 激活过的节点的索引
-    this.activeSet = new Set()
-    // loading状态
-    this.isLoading = options.isLoading
-    // footer 属性
-    this.cancelButtonText = options.cancelButtonText || t("fu.steps.cancel")
-    this.finishButtonText = options.finishButtonText || t("fu.steps.finish")
-    this.prevButtonText = options.prevButtonText || t("fu.steps.prev")
-    this.nextButtonText = options.nextButtonText || t("fu.steps.next")
-    this.buttonSize = options.buttonSize
-    this.footerAlign = options.footerAlign || 'flex'
-    // 是否显示取消按钮
-    this.showCancel = options.showCancel === undefined ? false : options.showCancel
-    // 激活前钩子
-    this.beforeActive = options.beforeActive
-    // 离开前钩子
-    this.beforeLeave = options.beforeLeave
-    // 高度
-    this.height = options.height
-  }
-
-  // index是否为第一个节点
-  isFirst(index: number) {
-    return index === 0;
-  }
-
-  // index是否为最后一个节点
-  isLast(index: number) {
-    return index === this.steps.length - 1;
-  }
-
-  // index的节点是否激活过
-  isActive(index: number) {
-    return this.activeSet.has(index);
-  }
-
-  // index的节点是否为正在激活的节点
-  isCurrent(index: number) {
-    return this.index === index
-  }
-
-  // 激活
-  active(index: number) {
-    // 在节点范围内，并且不等于当前节点
-    const isValid = index >= 0 && index < this.steps.length && this.index !== index
-    const forward = index > this.index
-    if (isValid) {
-      // 离开前钩子返回false，则不执行激活
-      if (this.executeHook("beforeLeave", this.index, forward) !== false) {
-        // 激活前钩子返回false，则不执行激活
-        if (this.executeHook("beforeActive", index, forward) !== false) {
-          // 激活
-          this.index = index
-          this.activeSet.add(index)
-        }
-      }
-    }
-  }
-
-  // 反激活
-  inactive(index: number) {
-    this.activeSet.delete(index)
-  }
-
-  // 下一步
-  next() {
-    if (!this.isLast(this.index)) {
-      this.active(this.index + 1)
-    }
-  }
-
-  // 上一步
-  prev() {
-    if (!this.isFirst(this.index)) {
-      this.active(this.index - 1)
-    }
-  }
-
-  // 使用索引获取Step对象
-  getStep(index: number) {
-    if (this.steps && this.steps.length > index) {
-      return this.steps[index]
-    }
-  }
-
-  // 使用ID获取节点索引
-  getIndex(id: string) {
-    if (this.steps) {
-      for (let i = 0; i < this.steps.length; i++) {
-        let step = this.steps[i];
-        if (id === step.id) {
-          return i;
-        }
-      }
-    }
-    return -1;
-  }
-
-  executeHook(functionName: string, index: number, forward: boolean) {
-    const step: any = this.getStep(index)
-    // 如果节点定义了钩子方法，执行节点的
-    if (step[functionName]) {
-      return step[functionName](step, forward)
-    }
-
-    // 节点没定义，则执行Steps的钩子方法
-    if (this[functionName]) {
-      return this[functionName](step, forward)
-    }
-  }
-}
-
-interface StepOptions {
-  id: string
-  index: number
-  beforeActive: Function
-  beforeLeave: Function
-  title: string
-  description: string
-  icon: string
-  status: string
-}
-
-export class Step {
-  id: string
-  index: number
-  beforeActive: Function
-  beforeLeave: Function
-  title: string
-  description: string
-  icon: string
-  status: string
-  constructor(options?: StepOptions) {
-    options = options || ({} as StepOptions)
-    this.id = options.id
-    this.index = options.index
-    // 激活前钩子
-    this.beforeActive = options.beforeActive
-    // 离开前钩子
-    this.beforeLeave = options.beforeLeave
-    // el-step 属性
-    this.title = options.title
-    this.description = options.description
-    this.icon = options.icon
-    this.status = options.status
-  }
-}

package/src/components/steps/index.ts

@@ -1,11 +0,0 @@
-import FuSteps from './FuSteps.vue';
-import FuStep from './FuStep.vue';
-
-import type {App} from 'vue'
-
-export default {
-  install: (app: App): void => {
-    // app.component(FuStep.name, FuStep);
-    // app.component(FuSteps.name, FuSteps);
-  }
-};

package/src/components/table/table-column-dropdown/index.ts

@@ -1,7 +0,0 @@
-import FuTableColumnDropdown from "./FuTableColumnDropdown.vue";
-import type { App } from 'vue'
-FuTableColumnDropdown.install = (app: App): void =>{
-  app.component(FuTableColumnDropdown.name, FuTableColumnDropdown);
-};
-
-export default FuTableColumnDropdown;

package/src/components/table/table-column-select/index.ts

@@ -1,8 +0,0 @@
-import FuTableColumnSelect from './FuTableColumnSelect.vue';
-import type { App } from 'vue'
-
-FuTableColumnSelect.install = (app: App): void => {
-  app.component(FuTableColumnSelect.name, FuTableColumnSelect);
-};
-
-export default FuTableColumnSelect;

package/src/components/table/table-operations/index.ts

@@ -1,12 +0,0 @@
-import FuTableOperations from "./FuTableOperations.vue";
-import FuTableButton from "./FuTableButton.vue";
-import FuTableMoreButton from "./FuTableMoreButton.vue";
-import type { App } from 'vue'
-
-FuTableOperations.install = (app: App): void => {
-  app.component(FuTableOperations.name, FuTableOperations);
-  app.component(FuTableButton.name, FuTableButton);
-  app.component(FuTableMoreButton.name, FuTableMoreButton);
-};
-
-export default FuTableOperations;

package/src/components/virtual-scroller/FuVirtualHorizontalScroll.js

@@ -1,96 +0,0 @@
-import measurable from "@/mixins/measurable";
-import {convertToUnit} from "@/tools/utils"
-
-export default {
-  name: 'FuVirtualHorizontalScroll',
-  mixins: [measurable],
-  props: {
-    items: {
-      type: Array,
-      required: true
-    },
-    itemWidth: {
-      type: [Number, String],
-      required: true
-    },
-    buffer: {
-      type: [Number, String],
-      default: 1
-    }
-  },
-  data() {
-    return {
-      scrollLeft: 0,
-      first: 0,
-      last: 0,
-    }
-  },
-  watch: {
-    width: 'scroll',
-    itemWidth: 'scroll',
-  },
-  computed: {
-    intItemWidth() {
-      return parseInt(this.itemWidth, 10)
-    },
-    intBuffer() {
-      return parseInt(this.buffer, 10)
-    },
-    firstToRender({first, intBuffer}) {
-      return Math.max(0, first - intBuffer)
-    },
-    lastToRender({items, last, intBuffer}) {
-      return Math.min(items.length, last + intBuffer)
-    },
-    containerWidth({items, intItemWidth}) {
-      return items.length * intItemWidth
-    }
-  },
-  methods: {
-    createChild(item, index) {
-      index += this.firstToRender
-      const left = convertToUnit(index * this.intItemWidth)
-
-      let data = {
-        staticClass: 'fu-virtual-scroll__item',
-        style: {left},
-        key: index,
-      }
-      let children = this.$scopedSlots["default"]({index, item})
-
-      return this.$createElement('div', data, children)
-    },
-    getFirst() {
-      return Math.floor(this.scrollLeft / this.intItemWidth)
-    },
-    getLast() {
-      const width = parseInt(this.width || 0, 10) || this.$el.clientWidth
-      return this.first + Math.ceil(width / this.intItemWidth)
-    },
-    scroll() {
-      this.scrollLeft = this.$el.scrollLeft
-      this.first = this.getFirst()
-      this.last = this.getLast()
-    }
-  },
-  render(h) {
-    const children = this.items.slice(this.firstToRender, this.lastToRender,).map(this.createChild)
-
-    const content = h('div', {
-      staticClass: 'fu-virtual-scroll__container',
-      style: {
-        height: this.height || "100%",
-        width: convertToUnit(this.containerWidth),
-      },
-    }, children)
-
-    return h('div', {
-      staticClass: 'fu-virtual-scroll is-horizontal',
-      style: this.styles,
-      on: {scroll: this.scroll, ...this.$listeners},
-    }, [content])
-  },
-  mounted() {
-    this.last = this.getLast()
-  },
-}

package/src/components/virtual-scroller/FuVirtualScroll.js

@@ -1,15 +0,0 @@
-import FuVirtualVerticalScroll from "./FuVirtualVerticalScroll";
-import FuVirtualHorizontalScroll from "./FuVirtualHorizontalScroll";
-
-export default {
-  name: "FuVirtualScroll",
-  functional: true,
-  render(h, {props, data, children}) {
-    const {horizontal} = props
-    if (horizontal === undefined || horizontal === false) {
-      return h(FuVirtualVerticalScroll, data, children)
-    } else {
-      return h(FuVirtualHorizontalScroll, data, children)
-    }
-  }
-}

package/src/components/virtual-scroller/FuVirtualVerticalScroll.js

@@ -1,95 +0,0 @@
-import measurable from "@/mixins/measurable";
-import {convertToUnit} from "@/tools/utils"
-
-export default {
-  name: 'FuVirtualVerticalScroll',
-  mixins: [measurable],
-  props: {
-    items: {
-      type: Array,
-      required: true
-    },
-    itemHeight: {
-      type: [Number, String],
-      required: true
-    },
-    buffer: {
-      type: [Number, String],
-      default: 1
-    }
-  },
-  data() {
-    return {
-      scrollTop: 0,
-      first: 0,
-      last: 0,
-    }
-  },
-  watch: {
-    height: 'scroll',
-    itemHeight: 'scroll',
-  },
-  computed: {
-    intItemHeight() {
-      return parseInt(this.itemHeight, 10)
-    },
-    intBuffer() {
-      return parseInt(this.buffer, 10)
-    },
-    firstToRender({first, intBuffer}) {
-      return Math.max(0, first - intBuffer)
-    },
-    lastToRender({items, last, intBuffer}) {
-      return Math.min(items.length, last + intBuffer)
-    },
-    containerHeight({items, intItemHeight}) {
-      return items.length * intItemHeight
-    }
-  },
-  methods: {
-    createChild(item, index) {
-      index += this.firstToRender
-      const top = convertToUnit(index * this.intItemHeight)
-
-      let data = {
-        staticClass: 'fu-virtual-scroll__item',
-        style: {top},
-        key: index,
-      }
-      let children = this.$scopedSlots["default"]({index, item})
-
-      return this.$createElement('div', data, children)
-    },
-    getFirst() {
-      return Math.floor(this.scrollTop / this.intItemHeight)
-    },
-    getLast() {
-      const height = parseInt(this.height || 0, 10) || this.$el.clientHeight
-      return this.first + Math.ceil(height / this.intItemHeight)
-    },
-    scroll() {
-      this.scrollTop = this.$el.scrollTop
-      this.first = this.getFirst()
-      this.last = this.getLast()
-    }
-  },
-  render(h) {
-    const children = this.items.slice(this.firstToRender, this.lastToRender,).map(this.createChild)
-
-    const content = h('div', {
-      staticClass: 'fu-virtual-scroll__container',
-      style: {
-        height: convertToUnit(this.containerHeight),
-      },
-    }, children)
-
-    return h('div', {
-      staticClass: 'fu-virtual-scroll',
-      style: this.styles,
-      on: {scroll: this.scroll, ...this.$listeners},
-    }, [content])
-  },
-  mounted() {
-    this.last = this.getLast()
-  },
-}

package/src/components/virtual-scroller/index.js

@@ -1,10 +0,0 @@
-import FuVirtualScroll from "./FuVirtualScroll";
-import locale from "@/locale";
-
-FuVirtualScroll.install = function (Vue, opts = {}) {
-  locale.use(opts.locale)
-  locale.i18n(opts.i18n)
-  Vue.component(FuVirtualScroll.name, FuVirtualScroll)
-}
-
-export default FuVirtualScroll