k-form-design
Version:
基于vue、ant-design-vue的表单设计器,可视化开发表单
163 lines (133 loc) • 5.58 kB
JavaScript
((typeof self !== 'undefined' ? self : this)["webpackJsonpk_form_design"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpk_form_design"] || []).push([[30],{
/***/ "54fe":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
var es6_function_name = __webpack_require__("7f7f");
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"122cee66-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/KDatePicker/datePicker.vue?vue&type=template&id=66a5539c&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.record.options.format === 'YYYY-MM' && _vm.record.options.range === false)?_c('MonthPicker',{style:(("width:" + (_vm.record.options.width))),attrs:{"disabled":_vm.record.options.disabled || _vm.parentDisabled,"allowClear":_vm.record.options.clearable,"placeholder":_vm.record.options.placeholder,"format":_vm.record.options.format,"value":_vm.date},on:{"change":_vm.handleSelectChange}}):(_vm.record.options.range === false)?_c('DatePicker',{style:(("width:" + (_vm.record.options.width))),attrs:{"disabled":_vm.record.options.disabled || _vm.parentDisabled,"show-time":_vm.record.options.showTime,"allowClear":_vm.record.options.clearable,"placeholder":_vm.record.options.placeholder,"format":_vm.record.options.format,"value":_vm.date},on:{"change":_vm.handleSelectChange}}):(_vm.record.options.range === true)?_c('RangePicker',{style:(("width:" + (_vm.record.options.width))),attrs:{"show-time":_vm.record.options.showTime,"disabled":_vm.record.options.disabled || _vm.parentDisabled,"allowClear":_vm.record.options.clearable,"placeholder":_vm.record.options.rangePlaceholder,"format":_vm.record.options.format,"value":_vm.date},on:{"change":_vm.handleSelectChange}}):_vm._e()}
var staticRenderFns = []
// CONCATENATED MODULE: ./packages/components/KDatePicker/datePicker.vue?vue&type=template&id=66a5539c&
// EXTERNAL MODULE: ./node_modules/moment/moment.js
var moment = __webpack_require__("c1df");
var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
// EXTERNAL MODULE: ./packages/utils/index.js + 7 modules
var utils = __webpack_require__("e74d");
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/KDatePicker/datePicker.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
var DatePicker = utils["d" /* pluginManager */].getComponent("datePicker");
var RangePicker = utils["d" /* pluginManager */].getComponent("rangePicker");
var MonthPicker = utils["d" /* pluginManager */].getComponent("monthPicker");
/* harmony default export */ var datePickervue_type_script_lang_js_ = ({
// eslint-disable-next-line vue/require-prop-types
props: ["record", "value", "parentDisabled"],
components: {
DatePicker: DatePicker.component,
RangePicker: RangePicker.component,
MonthPicker: MonthPicker.component
},
data: function data() {
return {// date: undefined
};
},
computed: {
date: function date() {
var _this = this;
if (!this.value || this.record.options.range && this.value.length === 0) {
return undefined;
} else if (this.record.options.range) {
return this.value.map(function (item) {
return moment_default()(item, _this.record.options.format);
});
} else {
return moment_default()(this.value, this.record.options.format);
}
}
},
methods: {
handleSelectChange: function handleSelectChange(val) {
var _this2 = this;
var date;
if (!val || this.record.options.range && val.length === 0) {
date = "";
} else if (this.record.options.range) {
date = val.map(function (item) {
return item.format(_this2.record.options.format);
});
} else {
date = val.format(this.record.options.format);
}
this.$emit("change", date);
this.$emit("input", date);
}
}
});
// CONCATENATED MODULE: ./packages/components/KDatePicker/datePicker.vue?vue&type=script&lang=js&
/* harmony default export */ var KDatePicker_datePickervue_type_script_lang_js_ = (datePickervue_type_script_lang_js_);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__("2877");
// CONCATENATED MODULE: ./packages/components/KDatePicker/datePicker.vue
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])(
KDatePicker_datePickervue_type_script_lang_js_,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ var datePicker = (component.exports);
// CONCATENATED MODULE: ./packages/components/KDatePicker/index.js
datePicker.install = function (Vue) {
Vue.component(datePicker.name, datePicker);
};
/* harmony default export */ var KDatePicker = __webpack_exports__["default"] = (datePicker);
/***/ })
}]);